Professional Documents
Culture Documents
Apostila Fireworks CS5
Apostila Fireworks CS5
2010 Adobe Systems Incorporated and its licensors. All rights reserved.
Copyright
Utilizao do Adobe Fireworks CS5 para sistemas operacionais Windows e Mac. This user guide is protected under copyright law, furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide. This user guide is licensed for use under the terms of the Creative Commons Attribution Non-Commercial 3.0 License. This License allows users to copy, distribute, and transmit the user guide for noncommercial purposes only so long as (1) proper attribution to Adobe is given as the owner of the user guide; and (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. The best way to provide notice is to include the following link. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/ Adobe, the Adobe logo, Adobe AIR, Acrobat, ActionScript, AIR, Creative Suite, Director, Dreamweaver, Fireworks, Flash, Flash Builder, Flash Catalyst, Flex, Freehand, GoLive, HomeSite, Illustrator, InCopy, InDesign, Photoshop, Reader, Version Cue, and XMP are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. Apple, Macintosh, and Mac OS are trademarks of Apple Inc., registered in the United States and other countries. Microsoft, Windows, and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. All other trademarks are the property of their respective owners. Updated Information/Additional Third Party Code Information available at http://www.adobe.com/go/thirdparty. Portions include software under the following terms: This product includes software developed by the Apache Software Foundation (http://www.apache.org/). The Proximity/Merriam-Webster Inc. Database Copyright 1990. The Proximity/Franklin Electronic Publishers Database Copyright 1994. Copyright 1990, 1994, 1997 All Rights Reserved. Proximity Technology Inc. This Program was written with MacApp: 1985-1988 Apple Computer, Inc. APPLE COMPUTER, INC. MAKES NO WARRANTIES WHATSOEVER, EITHER EXPRESS OR IMPLIED, REGARDING THIS PRODUCT, INCLUDING WARRANTIES WITH RESPECT TO ITS MERCHANTABILITY OR ITS FITNESS FOR ANY PARTICULAR PURPOSE. The MacApp software is proprietary to Apple Computer, Inc. and is licensed to Adobe for distribution only for use in combination with Adobe Fireworks. PANTONE colors displayed here may not match PANTONE-identified standards. Consult current PANTONE Color Publications for accurate color. PANTONE and other Pantone, Inc. trademarks are the property of Pantone, Inc. Pantone, Inc., 2008. Portions contributed by Focoltone Colour System. Portions produced under Dainippon Ink and Chemical, Inc. copyright of color-data-base derived from Sample Books.
Sorenson Spark video compression and decompression technology licensed from Sorenson Media, Inc. MPEG Layer-3 audio coding technology licensed from Fraunhofer IIS and Thomson. Flash video compression and decompression is powered by On2 TrueMotion video technology. 1992-2005 On2 Technologies, Inc. All Rights Reserved. http://www.on2.com. Portions contributed by Nellymoser, Inc. (www.nellymoser.com) This product contains either BSAFE and/or TIPEM software by RSA Security, Inc. This software is based in part on the work of the Independent JPEG Group. Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA. Notice to U.S. Government End Users. The Software and Documentation are Commercial Items, as that term is defined at 48 C.F.R. 2.101, consisting of Commercial Computer Software and Commercial Computer Software Documentation, as such terms are used in 48 C.F.R. 12.212 or 48 C.F.R. 227.7202, as applicable. Consistent with 48 C.F.R. 12.212 or 48 C.F.R. 227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government End Users, Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference.
iii
Contedo
Captulo 1: O que h de novo Maior desempenho e estabilidade Preciso de pixels ..................................................................................... 1 ............................................................................... 1 ................................................... 1 ..................................................................................................... 1
Fluxos de trabalho compatveis com o Flash Catalyst e o Flash Builder Compartilhamento de amostras no conjunto de aplicativos
......................................................................................... 1 ............................................................. 2
Captulo 2: Princpios bsicos do Fireworks Sobre o trabalho no Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 Grficos de vetor e de bitmap Modelos .......................................................................................... 4 .......................................................................... 5 Criao de um novo documento do Fireworks Abertura e importao de arquivos
Criar arquivos PNG do Fireworks a partir de arquivos HTML Inserir objetos em um documento do Fireworks Salvamento de arquivos do Fireworks
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Captulo 3: rea de trabalho Princpios bsicos sobre a rea de trabalho Navegar por documentos e exibi-los Alterar a tela de desenho Visualizar no navegador
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Captulo 4: Seleo e transformao de objetos Selecionar objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 Modificar uma seleo Selecionar pixels Escala com 9 fatias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Captulo 5: Trabalho com bitmaps Criao de bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 Edio de bitmaps Retoque de bitmaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Ajustar a cor e a tonalidade de um bitmap Aplicao de desfoque e nitidez a bitmaps Adicionar rudo a uma imagem
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
Formas livres
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Formas compostas
Captulo 7: Trabalho com texto Inserir texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98 Selecting text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100 Formatar e editar texto
Captulo 8: Aplicao de cor, traados e preenchimentos Aplicao de cores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112 Save swatches Painel Kuler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Captulo 9: Utilizao de Filtros em tempo real Aplicao de Filtros em tempo real . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 Editar e personalizar Filtros em tempo real . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Captulo 10: Camadas, mascaramento e mesclagem Camadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135 Mascaramento . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152 Mesclagem e transparncia
Captulo 11: Estilos, smbolos e URLs Estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157 Smbolos URLs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Captulo 12: Fatias, sobreposies e pontos de acesso Criao e edio de fatias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172 Fatias interativas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186 Preparao de fatias para exportao Pontos de acesso e mapas de imagem
Captulo 13: Criao de botes e menus pop-up Princpios bsicos sobre navegao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191 Criar smbolos de boto Editar smbolos de boto Menus pop-up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196
Captulo 14: Desenvolvimento de prottipos de sites da Web e interfaces de aplicativos Fluxo de trabalho do desenvolvimento de prottipos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202 Trabalho com pginas do Fireworks Criao de layouts baseados em CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Captulo 15: Criao de animaes Princpios bsicos sobre animaes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215 Criar smbolos de animao Editar smbolos de animao Estados Manipular estados Interpolao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Sobre seqncia em papel translcido Visualizar uma animao Otimizar uma animao
Captulo 16: Criao de apresentaes de slides Criar e organizar uma apresentao de slides . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227 Personalizar uma apresentao de slides . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230 Criar um player de lbum personalizado do Fireworks
Captulo 17: Otimizao e exportao Usar o Assistente de exportao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 Usar a Visualizao da imagem Otimizar na rea de trabalho Otimizar JPEGs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240
Otimizar arquivos GIF, PNG, TIFF, BMP e PICT Exportar a partir da rea de trabalho
Captulo 18: Utilizao do Fireworks com outros aplicativos Trabalho com o Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261 Trabalho com o HomeSite, o GoLive e outros editores de HTML Trabalho com o Flash Trabalhar com o Illustrator Trabalho com o Photoshop Trabalho com o Director . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289
Compartilhar metadados de imagens com o Adobe XMP Previewing Fireworks documents in mobile emulators
Captulo 19: Automao de tarefas Localizao e substituio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291 Selecionar a fonte da pesquisa Localizar e substituir texto Localizar e substituir fontes Localizar e substituir cores Localizar e substituir URLs Processamento em lote . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292 Definir opes para localizao e substituio em vrios arquivos
Localizar e substituir cores no seguras para Web Uso de comandos para processamento em lote
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301
Captulo 20: Preferncias e atalhos do teclado Definir preferncias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304 Selecionar e personalizar atalhos do teclado Trabalhar com arquivos de configurao Sobre a reinstalao do Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310
Preciso de pixels
A maior preciso de pixels garante que os seus designs tenham uma aparncia ntida e bem definida em qualquer dispositivo. Corrija de forma rpida e simples elementos de design que no aparecem em um pixel inteiro.
Aprimoramentos de extenso
Tenha maior controle quando estiver trabalhando com outros aplicativos: API aprimorada com suporte para scripts de exportao que podem ser estendidos pelo usurio, processamento em lotes e controle avanado em comparao ao formato de arquivo FXG.
Grficos de vetor no dependem de resoluo. Isso significa que a qualidade da aparncia de um grfico de vetor no mudar quando voc alterar sua cor, mover, redimensionar ou remodelar esse grfico, ou quando a resoluo do dispositivo de sada for alterada.
Ao editar um grfico de bitmap, em vez das linhas e curvas, voc modifica os pixels. Esses grficos de bitmap dependem da resoluo; ou seja, os dados que descrevem a imagem so fixos a uma grade de tamanho especfico. Ampliar um grfico de bitmap redistribui os pixels na grade, o que pode fazer com que as bordas da imagem paream irregulares. Exibir um grfico de bitmap em um dispositivo de sada com uma resoluo menor do que a imagem propriamente dita tambm prejudica a qualidade da imagem.
Nota: Use a janela pop-up da caixa de cor em Personalizado para selecionar a cor da tela de desenho.
As dimenses do documento salvo anteriormente sero exibidas na caixa de dilogo Novo documento.
No Mac OS, ao criar um novo documento, o Fireworks mantm a dimenso do objeto copiado anteriormente. Isso ocorre porque o contedo da rea de transferncia mantido at cortar ou copiar outros elementos, por exemplo, como texto. Se copiar elementos no relacionados s dimenses e selecionar "Novo", o tamanho salvo anteriormente aparecer como padro.
Criar um novo documento com o mesmo tamanho que um objeto na rea de transferncia
1 Copie um objeto na rea de transferncia a partir de outro documento do Fireworks, de um navegador da Web ou
A caixa de dilogo Novo documento aberta com as dimenses de largura e altura do objeto na rea de transferncia.
3 Defina a resoluo e a cor da tela de desenho e clique em OK. 4 Selecione Editar > Colar para colar o objeto da rea de trabalho no novo documento.
Modelos
Salve um arquivo do Fireworks como modelo e crie novos arquivos usando o modelo. O modelo salvo no formato PNG do Fireworks. O Fireworks fornece uma lista de modelos personalizados pr-construdos para dispositivos mveis, prottipos, sites e quadros da Web que voc pode personalizar.
Create template
1 Crie um arquivo. possvel adicionar espaos reservados para design e contedo para ajudar a padronizar a
Nota: Dados especficos do Fireworks como pginas, camadas e informaes vetoriais so armazenados no modelo.
Para abrir um arquivo sem substituir a verso anterior, selecione Abrir como Sem ttulo e salve-o usando um nome diferente.
GIFs animados
Importe um GIF animado como smbolo de animao e edite e mova todos os elementos da animao como uma
nica unidade. Use o painel Biblioteca de documentos para criar novas ocorrncias do smbolo. Nota: Quando um GIF animado importado, a configurao de atraso de estado assume 0,07 segundo como padro. Se necessrio, use o painel Estados para restaurar a temporizao original.
Abra um GIF animado como costuma abrir um arquivo GIF normal. Cada elemento do GIF inserido como
imagem separada em seu prprio estado do Fireworks. Voc pode converter o grfico em smbolo de animao no Fireworks.
Arquivos EPS
O Fireworks abre a maioria dos arquivos EPS como imagens de bitmap niveladas, em que todos os objetos esto combinados em uma nica camada. Alguns arquivos EPS exportados do Adobe Illustrator mantm suas informaes de vetor.
Arquivos PSD
O Fireworks pode abrir arquivos PSD criados no Photoshop e preservar a maioria dos recursos PSD, incluindo camadas hierrquicas, efeitos de camada e modos de mesclagem usados com freqncia. Use as diversas opes de Importao do Photoshop/Abrir na caixa de dilogo Preferncias para personalizar a importao de arquivos PSD.
Arquivos WBMP
O Fireworks pode abrir arquivos WBMP, que so arquivos de 1 bit (monocromticos) otimizados para dispositivos de computao mveis. Esse formato para uso em pginas WAP (Wireless Application Protocol). possvel selecionar a extenso Importar vrios arquivos para importar vrios arquivos selecionados em novas pginas de um arquivo PNG do Fireworks. Esse utilitrio ajuda voc a agregar os arquivos de seus projetos criados em verses anteriores do Fireworks. Tambm possvel importar arquivos dos formatos PNG nivelado, PSD, AI, BMP, Freehand, GIF, GIF animado, JPEG, PICT e TIFF. Voc pode fazer download desta extenso em http://www.adobe.com/go/learn_fw_multiplepages_br.
Nota: O Fireworks pode importar documentos que utilizam a codificao UTF-8 e documentos gravados em XHTML.
Colar no Fireworks
Colar um objeto copiado de outro aplicativo no Fireworks coloca esse objeto no centro do documento ativo. Textos ou objetos em qualquer um destes formatos podem ser colados a partir da rea de transferncia:
Adobe FreeHand 7 ou posterior Adobe Illustrator PNG PICT (Mac OS) DIB (Windows) BMP (Windows) Texto ASCII EPS WBMP TXT RTF
1 No outro aplicativo, copie o objeto ou o texto que deseja colar. 2 No Fireworks, cole o objeto ou o texto no documento.
Se pelo menos um objeto em uma nica camada estiver selecionado, o objeto colado ser colocado na frente desse
objeto selecionado (empilhado diretamente acima dele) na mesma camada.
Se a prpria camada estiver selecionada e nenhum objeto estiver selecionado, ou se todos estiverem selecionados,
o objeto colado ser colocado na frente do objeto da extremidade superior (empilhado diretamente acima dele) na mesma camada.
Se dois ou mais objetos em mais de uma camada estiverem selecionados, o objeto colado ser colocado na frente do
objeto da extremidade superior (empilhado diretamente acima dele), na camada tambm da extremidade superior.
Se a Camada da Web ou um objeto nessa camada estiver selecionado, o objeto colado ser colocado na frente de
todos os outros objetos (empilhado acima deles), na camada da extremidade inferior. Nota: A Camada da Web uma camada especial que contm todos os objetos da Web. Ela sempre permanece no topo do painel Camadas.
esquerdo da imagem.
5 Siga um destes procedimentos:
Clique para importar a imagem em tamanho mximo. Arraste o ponteiro de importao para redimensionar a imagem ao import-la.
Se a caixa de dilogo Selecione a pasta Plug-ins do Photoshop (Windows) ou Escolha uma pasta (Mac OS) no for aberta automaticamente, navegue at a pasta.
(Windows) No Fireworks, selecione Arquivo > Digitalizar e selecione Aquisio Twain ou Seleo Twain. (Mac OS) No Fireworks, selecione Arquivo > Aquisio e selecione Aquisio Twain ou Seleo Twain.
Nota: Para a maioria dos mdulos TWAIN ou plug-ins de Aquisio do Photoshop, caixas de dilogo adicionais solicitaro a definio de outras opes.
4 Siga as instrues para aplicar configuraes.
O arquivo PNG de origem sempre editvel. Voc pode retornar e fazer alteraes adicionais mesmo depois de
exportar o arquivo para uso na Web.
Voc pode fatiar grficos complexos em partes no arquivo PNG e exportar essas partes como vrios arquivos
contendo diferentes formatos de arquivo e diversas configuraes de otimizao. Se o Fireworks demorar para salvar um documento complexo, voc poder editar outros documentos abertos enquanto a operao de salvamento concluda.
ser salva no formato de arquivo padro. Esse formato de arquivo pode ser definido com o uso do painel Otimizar. Para obter mais informaes, consulte Otimizao e exportao na pgina 233. Todos os objetos nas camadas de nvel superior so salvos na exportao. Os itens em subcamadas no so exportados.
Nota: possvel usar o utilitrio Fireworks Auto Backup para fazer backup de todos os documentos abertos do Fireworks. Faa download do utilitrio do Adobe AIR Marketplace em http://www.adobe.com/go/learn_fw_autobackuputility_br.
14
A Pgina inicial
Quando voc inicia o Fireworks sem abrir um documento, a Pgina inicial do programa aparece no ambiente de trabalho. A Pgina inicial fornece rpido acesso a tutoriais do Fireworks, arquivos recentes e o Fireworks Exchange, onde voc pode adicionar novas capacidades a alguns recursos do Fireworks. Para desativar a pgina inicial, clique em No mostrar novamente quando ela for aberta.
Alm disso, possvel selecionar vrias aes e, depois, salv-las e reutiliz-las como comandos.
Painel Formas automticas Contm Formas automticas que no so exibidas no painel Ferramentas. Painel Estilos Permite armazenar e reutilizar combinaes de caractersticas de objetos ou selecionar um estilo
comum.
Painel Biblioteca de documentos Contm smbolos grficos, smbolos de boto e smbolos de animao que j constam no documento atual do Fireworks. Voc pode arrastar facilmente ocorrncias desses smbolos a partir do painel Biblioteca de documentos at o seu documento. possvel fazer alteraes globais em todas essas ocorrncias modificando somente o smbolo. painel URL Permite criar bibliotecas contendo URLs usados com freqncia. Painel Misturador de cores Permite criar novas cores a serem adicionadas paleta de cor do documento atual ou a serem aplicadas a objetos selecionados. Painel Amostras Gerencia a paleta de cores do documento atual. painel Informaes Fornece informaes sobre as dimenses de objetos selecionados e as coordenadas exatas do
documentos.
Painel Alinhar Contm controles para alinhar e distribuir objetos na tela de desenho. Painel Propriedades de forma automtica Permite alterar as propriedades de uma Forma automtica aps a sua
insero no documento.
Painel Paleta de cores (Janela > Outros) Permite criar e alternar paletas de cores, exportar amostras de cores ACT
personalizadas, explorar vrios esquemas de cores e acessar controles usados com freqncia para a escolha de cores.
Edio de imagem (Janela > Outros) Organiza ferramentas e opes comuns usadas para edio de bitmap em um
painel.
Painel Caminho (Janela > Outros) Fornece rpido acesso a vrios comandos relacionados a caminhos. Caracteres especiais (Janela > Outros) Exibe os caracteres especiais que podem ser usados em blocos de texto. Propriedades de smbolos Gerencia as propriedades personalizveis de smbolos grficos.
E G
F H
Espao de trabalho padro do Illustrator A. Janelas de Documento tabuladas B. Barra de aplicativos C. Alternador da rea de trabalho D. Barra de ttulo do painel E. Painel de controle F. Painel Ferramentas G. Boto Recolher em cones H. Quatro grupos de painel no encaixe vertical
A Barra de aplicativos na parte superior contm um alternador de espaos de trabalho, menus (somente Windows)
e outros controles de aplicativo. Em alguns produtos que usam o Mac, possvel usar o menu Janela para exibir ou ocultar a barra de aplicativos.
O painel Ferramentas contm ferramentas para a criao e a edio de imagens, arte-final, elementos de pgina e
assim por diante. As ferramentas relacionadas so agrupadas.
O Painel de controle exibe as opes para a ferramenta atualmente selecionada. No Illustrator, o Painel de controle
exibe as opes para o objeto atualmente selecionado. (No Adobe Photoshop o painel de controle tambm conhecido como a barra de opes. No Adobe Flash, Adobe Dreamweaver e no Adobe Fireworks isso chamado Inspetor de Propriedades, e inclui as propriedades do elemento atualmente selecionado.
A janela Documento exibe o arquivo em que voc est trabalhando. Janelas de documento podem ser tabuladas e,
em certos casos, agrupadas e encaixadas.
Os Painis ajudam a monitorar e modificar seu trabalho. Os exemplos incluem a Linha de tempo no Flash, o painel
Pincel no illustrator, o painel Camadas no Adobe Photoshop e o painel Estilos CSS no Dreamweaver. Os painis podem ser agrupados, empilhados ou encaixados.
O Quadro do aplicativo agrupa todos os elementos do espao de trabalho em uma nica janela integrada que
permite a voc tratar o aplicativo como uma unidade nica. Quando voc move ou redimensiona o Quadro do aplicativo ou qualquer um de seus elementos, todos os elementos dentro dele respondem uns aos outros de modo que nenhum se sobrepe. Os painis no desaparecem quando voc alterna os aplicativos ou quando clica acidentalmente fora do aplicativo. Se trabalhar com dois ou mais aplicativos, voc poder posicionar cada aplicativo lado a lado na tela ou em vrios monitores. Se estiver utilizando um Mac e preferir a interface de usurio tradicional de forma livre, voc poder desativar o Quadro do aplicativo. Por exemplo, no Adobe Illustrator, selecione Janela > Quadro do aplicativo para lig-lo ou deslig-lo. (No Flash, o quadro de aplicativo est ativo permanentemente para Mac, e o Dreamweaver para Max no utiliza um quadro de aplicativo.)
(Illustrator, InCopy, InDesign, Photoshop) Para ocultar ou mostrar todos os paineis, exceto o painel Ferramentas
e o painel de Controle, pressione Shift+Tab. possvel exibir painis ocultos temporariamente se a opo Mostrar automaticamente painis ocultos estiver selecionada nas preferncias de interface. Essa guia est sempre ativada no Illustrator. Mova o ponteiro do mouse at a borda da janela do aplicativo (Windows) ou at a aresta do monitor (Mac OS) e posicione-o na faixa exibida.
(Flash, Dreamweaver, Fireworks) Para ocultar ou mostrar todos os painis, pressione F4.
possvel abrir um menu do painel mesmo quando o painel est minimizado. No Photoshop, possvel alterar o tamanho da fonte do texto do Painel de controle, painis e dicas de ferramentas. Escolha um tamanho no menu Tamanho da fonte da UI nas Preferncias da interface.
Para reorganizar a ordem das janelas de Documento tabuladas, arraste uma guia de janela para o novo local no
grupo.
Para desencaixar (flutuar ou separar a guia) uma janela de documento de um grupo de janelas, arraste a guia da
janela para fora do grupo. Nota: No Photoshop voc tambm pode selecionar Janela > Organizar > Flutuar na janela para flutuar uma nica janela de documento ou Janela > Organizar > Flutuar tudo nas janelas para flutuar tudo das janelas de documento de uma vez. Consulte as notas tcnicas kb405298 para obter mais informaes. Nota: o Dreamweaver no oferece suporte a encaixe e desencaixe de janelas de Documento. Use o boto Minimizar da janela do documento para criar janelas flutuantes (Windows) ou selecione Janela > Lado a Lado Verticalmente para criar janelas de documentos lado a lado. Pesquise "Lado a Lado Verticalmente" no Ajuda do Dreamweaver para obter mais informaes sobre este tpico.
Para encaixar uma janela de Documento em um grupo separado de janelas de Documento, arraste a janela para o
grupo.
Para criar grupos de documentos empilhados ou lado a lado, arraste a janela para uma das zonas de destino nas
partes superior, inferior ou laterais de qualquer janela. Voc tambm pode selecionar um layout para o grupo usando o boto Layout na barra de aplicativos. Nota: alguns produtos no tm suporte para essa funcionalidade. No entanto, seu produto pode conter os comandos Cascata ou Lado a lado no menu Janela para ajud-lo na exibio de documentos.
Para alternar para outro documento em um grupo tabulado, arraste a seleo sobre a guia do documento por alguns
instantes. Nota: alguns produtos no tm suporte para essa funcionalidade.
Para encaixar um painel, arraste-o pela guia para dentro do encaixe, na parte superior, na parte inferior ou entre
outros painis.
Para encaixar um grupo de painis, arraste-o pela barra de ttulo (a barra slida vazia acima das guias) para dentro
do encaixe.
Para remover um painel ou grupo de painis, arraste-o para fora do encaixe pela guia ou barra de ttulo. possvel
arrast-lo para dentro de outro encaixe ou deix-lo flutuando livremente.
Painel de navegao arrastado para um novo encaixe, indicado pelo realce vertical azul
possvel evitar que os painis preencham todo o espao no encaixe. Arraste a borda inferior do encaixe para cima de modo que ele no corresponda mais borda do espao de trabalho.
Movimentao de painis
Ao mover painis, voc visualizar zonas para soltar realadas em azul, que so reas nas quais possvel mover o painel. Por exemplo, possvel mover um painel para cima ou para baixo em um encaixe arrastando-o para a zona para soltar azul estreita, acima ou abaixo de outro painel. Se for arrastado para uma rea que no uma zona para soltar, o painel flutuar livremente na rea de trabalho. Nota: A posio do mouse (ao invs da posio do painel), ativa a rea de destino. Se no puder visualizar a rea de destino, tente arrastar o mouse para o lugar onde ela deveria estar.
Para mover um painel, arraste-o pela guia. Para mover um grupo de painis , arraste a barra de ttulo (a rea acima das guias).
A B
A zona para soltar azul estreita indica que o painel Cor ser encaixado acima do grupo de painis Camadas. A. Barra de ttulo B. Guia C. Zona para soltar
Pressione Ctrl (Windows) ou Command (Mac OS) enquanto estiver movendo um painel para no encaix-lo. Pressione Esc enquanto estiver movendo o painel para cancelar a operao.
Para remover um painel, clique com o boto direito e selecione Fechar (Windows) ou, com a tecla Control
pressionada, selecione Fechar (Mac), ou desmarque-o do menu de Janela.
Para adicionar um painel, selecione-o no menu Janela e encaixe-o no local que desejado.
Para reorganizar painis em um grupo, arraste a guia do painel para um novo local no grupo. Para remover um painel de um grupo para que ele flutue livremente, arraste o painel pela guia para fora do grupo. Para mover um grupo, arraste a barra de ttulo (a rea acima das guias).
Para empilhar painis flutuantes, arraste um painel pela guia para a zona para soltar na parte inferior de outro
painel.
Para alterar a ordem de empilhamento, arraste um painel para cima ou para baixo pela guia.
Nota: solte a guia sobre a zona para soltar azul estreita entre os painis, em vez de sobre a zona para soltar abrangente em uma barra de ttulo.
Para remover um painel ou grupo de painis da pilha para que ele flutue sozinho, arraste-o para fora pela guia ou
pela barra de ttulo.
Redimensionamento de painis
Para minimizar ou maximizar um painel, grupo de painis ou pilha de painis, clique duas vezes na guia. Voc
tambm pode clicar duas vezes na rea da guia (no espao vazio prximo s guias).
Para redimensionar um painel, arraste qualquer lado do painel. Alguns painis, como o painel Cor no Photoshop,
no podem ser redimensionados arrastando-os.
Para contrair ou expandir todos os cones de painis numa coluna, clique na seta dupla na parte superior do
encaixe.
Para expandir um nico cone do painel, clique nesse cone. Se quiser redimensionar cones de painis para que voc s veja os cones (e no os rtulos), ajuste a largura do
encaixe at o texto desaparecer. Para exibir um texto de cone novamente, alargue o encaixe.
Para contrair um painel estendido de volta ao cone, clique na guia, no cone ou na seta dupla na barra de ttulo do
painel. Em alguns produtos, se voc selecionar Contrair painis de cone automaticamente nas preferncias de Interface ou Opes de interface do usurio, um cone de painel expandido ser contrado automaticamente quando voc clicar fora dele.
Para adicionar um painel flutuante ou grupo de painis em um encaixe de cones, arraste-o por sua guia ou barra
de ttulo. (Os painis so contrados automaticamente em cones ao serem adicionados a um encaixe de cones.)
Para mover um cone de painel (ou grupo de cones de painis), arraste o cone. Voc pode arrastar cones do painel
para cima e para baixo no encaixe para outros encaixes (onde aparecem no estilo de painel desse encaixe), ou para fora do encaixe (onde aparecem como cones flutuantes).
ConnectNow. Para obter instrues completas sobre o uso do ConnectNow, consulte http://help.adobe.com/en_US/Acrobat.com/ConnectNow/index.html. Para assistir a um tutorial em vdeo sobre como usar o ConnectNow, consulte Uso do ConnectNow para compartilhar a tela (7:12). (Essa demonstrao fica localizada no Dreamweaver.)
(Illustrator) Escolha Janela > rea de Trabalho > Salvar rea de Trabalho. (Photoshop, InDesign, InCopy) Escolha Janela > rea de Trabalho > Nova rea de Trabalho. (Dreamweaver) Escolha Janela > Layout da rea de Trabalho > Nova rea de Trabalho. (Flash) Escolha Nova rea de Trabalho no alternador de reas de trabalho na Barra de aplicativos.
No Photoshop, possvel atribuir atalhos de teclado para cada rea de trabalho para navegar entre elas rapidamente.
(Photoshop, InDesign, InCopy) Selecione Excluir rea de trabalho no alternador de reas de trabalho. (Illustrator) Escolha Janela > rea de Trabalho > Gerenciar reas de Trabalho, selecione a rea de trabalho e, em
seguida, clique no cone Excluir.
(Photoshp, InDesign) Escolha Janela > rea de Trabalho > Excluir rea de Trabalho, selecione a rea de trabalho
e, em seguida, clique em Excluir.
Para restaurar uma rea de trabalho individual, selecione Janela > rea de Trabalho > Redefinir Nome da rea de
trabalho.
Para restaurar todas as reas de trabalho instaladas com o Photoshop, clique em Restaurar reas de trabalho padro
nas preferncias da interface. Para reorganizar a ordem das reas de trabalho na barra de aplicativos, arraste-as.
O painel Ferramentas
O painel Ferramentas est organizado em seis categorias: Selecionar, Bitmap, Vetor, Web, Cores e Exibir. Quando voc seleciona uma ferramenta, o Inspetor de propriedades exibe opes de ferramentas.
na tela de desenho.
Para selecionar rapidamente uma ferramenta oculta, pressione repetidamente a tecla de atalho do grupo at exibir a ferramenta desejada. (Atalhos aparecem entre parnteses ao lado dos nomes das ferramentas.)
O Inspetor de propriedades
O Inspetor de propriedades um painel sensvel ao contexto que exibe propriedades de selees atuais, opes de ferramentas atuais ou propriedades de documentos. Por padro, o Inspetor de propriedades est encaixado na parte inferior da rea de trabalho. O Inspetor de propriedades pode ser aberto at a metade da altura mxima, exibindo duas linhas de propriedades, ou na altura mxima, exibindo quatro linhas. Voc tambm pode contrair totalmente o Inspetor de propriedades, deixando-o minimizado na rea de trabalho. Nota: No Windows, o menu Opes somente est disponvel quando o Inspetor de propriedades est encaixado.
Selecione a ferramenta Zoom e clique para especificar o novo ponto central dentro da janela do documento.
Cada clique amplia a imagem at a prxima ampliao predefinida.
Selecione uma configurao de zoom no menu pop-up Definir ampliao, localizado na parte inferior da janela
do documento.
Selecione a ferramenta Zoom e clique dentro da janela do documento com a tecla Alt (Windows), ou Option
(Mac OS), pressionada. Cada clique reduz a exibio at a prxima porcentagem predefinida.
Selecione uma configurao de zoom no menu pop-up Definir ampliao, localizado na parte inferior da janela
do documento.
O tamanho da caixa de seleo de zoom determina a porcentagem de ampliao precisa, que aparece na caixa Definir ampliao. Nota: No possvel inserir uma porcentagem de ampliao na caixa Definir ampliao.
Quando voc se desloca para alm da borda da tela de desenho, a exibio continua a ser deslocada para que voc possa trabalhar com os pixels ao longo dessa borda.
Quando a opo Tela inteira estiver selecionada, o Fireworks exibir o documento em todas as cores disponveis e com todos os detalhes.
Quando essa opo estiver desmarcada, o Fireworks exibir caminhos com 1 pixel de largura e sem preenchimento. As imagens aparecem com um X.
No Windows, selecione Exibir > Gama 1.8 para ver como o documento exibido em um Macintosh (anterior
ao Snow Leopard).
No Macintosh, selecione Exibir > Gama 1.8 para ver como o documento exibido no Mac (anterior ao Snow
Leopard).
Selecione Modificar > Tela de desenho > Tamanho de tela de desenho. Escolha Selecionar > Cancelar seleo, clique na ferramenta Ponteiro para exibir as propriedades do documento
no Inspetor de propriedades e clique no boto Tamanho de tela de desenho.
2 Insira as novas dimenses nas caixas de texto Altura e Largura. 3 Clique no boto ncora para especificar os lados da tela de desenho que o Fireworks utilizar para adio ou
excluso. Em seguida, clique em OK. Nota: Por padro, a ncora central selecionada, indicando que as alteraes na lateral da tela de desenho so feitas em todas as laterais.
Selecione Modificar > Tela de desenho > Cor da tela de desenho e selecione uma opo de cor. Para uma cor
Personalizada, clique em uma cor na janela pop-up Amostras.
No Inspetor de propriedades, escolha Selecionar > Cancelar seleo, clique na ferramenta Ponteiro para exibir
as propriedades do documento e clique no boto Cor da tela de desenho. Escolha uma cor na janela pop-up Amostras ou clique com o conta-gotas em uma cor. Para selecionar uma tela de desenho transparente, clique no boto Transparente da janela pop-up Amostras. Para alterar a cor padro da tela de desenho, clique na Amostra personalizada da caixa de dilogo Novo documento. (Consulte Criao de um novo documento do Fireworks na pgina 5.)
Escolha Selecionar > Cancelar seleo, clique na ferramenta Ponteiro para exibir as propriedades do documento
no Inspetor de propriedades e clique no boto Tamanho da imagem no Inspetor de propriedades.
(Opcional) Altere as unidades de medida. Se a opo Criar nova amostra da imagem estiver desmarcada, voc poder alterar a resoluo ou o tamanho da impresso, mas no as dimenses dos pixels.
3 Nas caixas de texto Tamanho de impresso, insira dimenses horizontais e verticais para a imagem impressa. 4 Na caixa Resoluo, insira uma nova resoluo para a imagem.
Para manter a mesma proporo entre as dimenses horizontal e vertical do documento, selecione Restringir
propores.
Quando uma nova amostra de um objeto de bitmap criada, os pixels so adicionados imagem, ou removidos
dela, para torn-la maior ou menor.
Quando criada uma nova amostra de um objeto de vetor, ocorre pouca perda de qualidade, uma vez que o
caminho redesenhado matematicamente em menor ou maior tamanho. Como os atributos de objetos de vetor no Fireworks so visveis como pixels, alguns traados ou preenchimentos podem parecer um pouco diferentes aps a criao de uma nova amostra. Isso ocorre porque os pixels que compem o traado ou o preenchimento precisam ser redesenhados. Nota: Guias, objetos de ponto de acesso e objetos de fatia so redimensionados quando o tamanho de imagem do documento alterado.
Voc pode alterar o tamanho de uma imagem de bitmap ajustando a resoluo ou criando uma nova amostra da imagem.
Ao ajustar a resoluo, altere o tamanho dos pixels na imagem, para que mais ou menos pixels se encaixem em um
determinado espao. Ajustar a resoluo sem criar novas amostras no resulta em perda de dados.
1 Escolha Selecionar > Cancelar seleo para exibir as propriedades do documento no Inspetor de propriedades. 2 No Inspetor de propriedades, clique em Ajustar tela de desenho.
Cortar um documento
Cortar um documento exclui as partes indesejadas que ele possa conter. A tela de desenho redimensionada para ajustar-se rea que voc definir. Por padro, a operao de corte exclui objetos que se estendem alm dos limites da tela de desenho. Voc pode manter objetos fora da tela de desenho ao alterar uma preferncia antes de cortar.
1 Selecione a ferramenta Cortar
2 Arraste uma caixa delimitadora na tela de desenho. Ajuste as alas de corte at que a caixa delimitadora fique ao
3 Clique duas vezes dentro da caixa delimitadora ou pressione Enter para cortar o documento.
O Fireworks redimensiona a tela de desenho com base na rea definida e exclui os objetos alm das bordas da tela de desenho. Para manter os objetos fora da tela de desenho, cancele a seleo de Excluir objetos ao cortar, na guia Editar da caixa de dilogo Preferncias, antes de cortar.
Para alterar o tamanho da grade ou a cor de guias e da grade, consulte Preferncias de Guias e grades na pgina 305.
Rguas verticais e horizontais aparecem ao longo das margens da janela do documento. Rguas so medidas em pixels.
Pressione Shift ao arrastar as guias na tela de desenho para exibir a distncia entre elas.
Guias inteligentes
Guias inteligentes so guias de encaixe temporrias que ajudam a criar, alinhar, editar e transformar objetos em relao a outros objetos. Para ativar Guias inteligentes e efetuar o encaixe nessas guias, escolha Exibir > Guias inteligentes e selecione Mostrar guias inteligentes e Encaixar nas guias inteligentes. possvel usar Guias inteligentes das seguintes maneiras:
Ao criar um objeto, use Guias inteligentes para posicion-lo em relao a objetos existentes. As ferramentas de
linha, retngulo, elipse, polgono e forma automtica exibem Guias inteligentes, como as ferramentas de fatia retangular e circular.
Ao mover um objeto, use Guias inteligentes para alinh-lo a outros objetos. Ao transformar um objeto, Guias inteligentes aparecem automaticamente para auxiliar na transformao.
Para alterar quando e como as Guias inteligentes so exibidas, defina preferncias de Guias inteligentes. (Consulte Preferncias de Guias e grades na pgina 305.)
Visualizar no navegador
Selecione Arquivo > Visualizar no navegador e escolha uma das opes.
Visualizar todas as pginas no <primary browser> Ctrl+F12/Cmd+Shift+F12 Voc pode visualizar a interao entre
tiver apenas um navegador instalado no computador, o Fireworks o usar como o navegador principal. Se tiver mais de um navegador instalado, voc pode selecionar um deles como o principal para exibir documentos do Fireworks em Arquivo > Visualiza no navegador > Definir navegador principal.
Visualizar no Shift/Cmd+F12 Visualiza o documento do Fireworks ativo em seu navegador secundrio. Antes de usar
esta opo, defina o navegador secundrio em Arquivo > Visualizar no navegador > Definir navegador secundrio. Navegue at o arquivo EXE/app de seu navegador secundrio e o selecione.
Repetir aes
1 Realizar aes. 2 Siga um destes procedimentos para realar as aes que voc deseja repetir no painel Histrico:
Clique em uma ao para real-la. Clique com a tecla Control (Windows), ou Command (Mac OS), pressionada para realar vrias aes
individuais.
A operao Salvar originou a falha. Memria insuficiente para recuperar arquivos no salvos. O DisableSaveOnCrash no arquivo do Adobe Fireworks CS5 Preferences est configurado como Verdadeiro. O arquivo aberto no foi editado quando ocorreu a falha.
CS5\<locale>\.
2 Defina DisableSaveOnCrash como True.
definir o local.
37
Mova a ferramenta Ponteiro sobre o caminho ou a caixa delimitadora do objeto e clique. Clique no traado ou no preenchimento do objeto. Selecione o objeto no painel Camadas.
Para visualizar o que selecionado quando voc clica em um objeto sob o ponteiro na tela de desenho, selecione a opo Realce do mouse, na categoria Edio da caixa de dilogo Preferncias.
Para modificar um objeto, arraste um de seus pontos ou alas de seleo. Para mover o objeto inteiro, arraste em qualquer lugar no objeto, exceto em um ponto ou uma ala de seleo.
superior, at selecionar o objeto desejado. Nota: Voc tambm pode selecionar um objeto de difcil alcance clicando nele no painel Camadas quando as camadas estiverem expandidas.
Inspetor de propriedades
Selecionar atrs.
Nota: Desmarque a preferncia Edio de uma nica camada para selecionar todos os objetos visveis em todas as camadas de um documento. Quando voc marca a preferncia Edio de uma nica camada, apenas os objetos na camada atual so selecionados. Para obter mais informaes, consulte Organizar camadas na pgina 137.
Nota: Voc pode usar o painel Camadas ou o Inspetor de propriedades para identificar o objeto selecionado quando o contorno e os pontos estiverem ocultos.
Nota: Os objetos ocultos no so exportados. (Isso no se aplica a objetos da Web de fatia e ponto de acesso na Camada da Web.)
Nota: Para ocultar objetos, independentemente de estarem ou no selecionados, clique ou arraste ao longo da coluna de olho no painel Camadas.
Selecionar pixels
Voc pode editar os pixels em uma tela de desenho inteira ou pode selecionar uma das ferramentas de seleo para restringir a edio a uma rea particular de uma imagem:
A ferramenta Marca de seleo seleciona uma rea retangular de pixels em uma imagem. Para obter mais informaes, leia o artigo de Thierry Lorey. A ferramenta Marca de seleo oval seleciona uma rea elptica de pixels em uma imagem.
A ferramenta Lao seleciona uma rea de pixels de forma livre em uma imagem. A ferramenta Lao poligonal seleciona uma rea de pixels de forma livre com borda reta em uma imagem. A ferramenta Varinha mgica seleciona uma rea de pixels semelhantemente coloridos em uma imagem.
As ferramentas de seleo de pixels desenham marcas de seleo que definem a rea de pixels selecionados. Depois de desenhar a marca de seleo, manipule-a movendo-a, acrescentando-a ou utilizando-a como base para outra seleo. Voc pode editar os pixels dentro da seleo, aplicar filtros aos pixels ou apagar pixels sem afetar os que esto alm dessa seleo. Tambm pode criar uma seleo flutuante de pixels que podem ser editados, movidos, recortados ou copiados.
Opes de borda
Definida Cria uma marca de seleo com uma borda definida. Suavizao de borda Impede bordas irregulares na marca de seleo. Difuso Permite suavizar a borda da seleo de pixels.
Nota: A ferramenta Varinha mgica tambm tem uma configurao de Tolerncia. Para obter mais informaes, consulte Selecionar reas de pixels de cor semelhante na pgina 41.
Para desenhar marcas de seleo quadradas ou circulares adicionais, mantenha pressionada a tecla Shift ao
arrastar a ferramenta Marca de seleo ou Marca de seleo oval. Se uma marca de seleo em tempo real estiver ativada enquanto voc faz uma srie de selees, esse recurso afetar somente a ltima seleo da srie.
Para desenhar uma marca de seleo a partir de um ponto central, cancele qualquer outra marca de seleo ativa
e, em seguida, mantenha pressionada a tecla Alt (Windows), ou Option (Mac OS), ao desenhar.
Mantenha pressionada a tecla Shift para restringir os segmentos de marca de seleo do Lao poligonal a incrementos de 45.
4 Siga um destes procedimentos para fechar o polgono:
Tolerncia representa o intervalo tonal de cores que so selecionadas quando voc clica em um pixel com a Varinha mgica. Se voc inserir 0 e clicar em um pixel, apenas os pixels adjacentes com a mesma tonalidade sero selecionados. Se voc inserir 65 , um intervalo maior de tonalidades ser selecionado.
4 Clique na rea da cor que voc deseja selecionar.
Pixels selecionados com tolerncia inferior (acima) e com uma tolerncia superior (abaixo)
Uma ou mais marcas de seleo mostram todas as reas contendo a faixa de pixels selecionada. Isso depende da configurao atual de Tolerncia no Inspetor de propriedades para a ferramenta Varinha mgica. Nota: Para ajustar a tolerncia do comando Selecionar similar, selecione a ferramenta Varinha mgica e altere a configurao de Tolerncia no Inspetor de propriedades antes de usar esse comando. Ou, marque a caixa Marca de seleo em tempo real para alterar a configurao de Tolerncia ao usar a ferramenta Varinha mgica.
pixels.
3 Mantenha pressionada a tecla Alt (Windows), ou Option (Mac OS).
O ponteiro se transforma para indicar que voc est prestes a selecionar o canal alfa (a rea opaca) do objeto.
4 Clique na miniatura.
Para subtrair da seleo, clique em objetos com as teclas Ctrl e Shift pressionadas.
Desenhe outra marca de seleo. Clique fora da seleo atual com uma ferramenta de marca de seleo ou lao. Pressione Escape.
Arraste a marca de seleo com a ferramenta Marca de seleo, Lao ou Varinha mgica. Use as teclas de seta para ajustar a marca de seleo em incrementos de 1 pixel. Pressione Shift e use as teclas de seta para mover a marca de seleo em incrementos de 10 pixels.
Marcas de seleo sobrepostas se unem para formar uma marca de seleo contnua.
Apenas os pixels na rea sobreposta das duas marcas de seleo sero selecionados.
selecionados.
Para ver a aparncia da seleo difundida sem os pixels ao redor, escolha Selecionar > Selecionar inverso e pressione Excluir.
em OK.
Nota: Se voc estiver salvando uma nova seleo, todas as opes de modificao a seguir estaro desativadas.
Nova seleo Substitui a seleo ativa no documento ativo pela especificada na caixa Seleo. Adicionar seleo Adiciona a seleo ativa especificada nas caixas Documento e Seleo. Subtrair da seleo Subtrai a seleo ativa da especificada nas caixas Documento e Seleo. Criar interseo com a seleo Cria uma interseo da seleo ativa com a especificada nas caixas Documento e
Seleo.
7 Clique em OK e repita esse processo para cada marca de seleo que voc deseja salvar ou restaurar.
Se voc mantiver pressionadas as teclas modificadoras indicadas a seguir, poder mover e copiar selees com as teclas de seta. Para mover em incrementos de 10 pixels, mantenha tambm a tecla Shift pressionada.
Usando qualquer ferramenta na seo Bitmap do painel Ferramentas, mantenha pressionada a tecla Ctrl
(Windows), ou Command (Mac OS), e arraste a seleo.
Arraste a seleo com a ferramenta Ponteiro enquanto mantm pressionada a tecla Alt (Windows), ou Option Arraste a seleo com qualquer ferramenta de Bitmap enquanto mantm pressionadas as teclas Ctrl e Alt
(Windows), ou Command e Option (Mac OS). Nota: Ao utilizar um dos procedimentos acima, a seleo movida ou copiada permanece parte do objeto de bitmap atual. Para criar um bitmap a partir de uma seleo de pixels, conclua o procedimento a seguir.
Arraste-a com a ferramenta Ponteiro, Subseleo ou Selecionar atrs. Pressione qualquer tecla de seta para mover a seleo em incrementos de 1 pixel. Mantenha pressionada a tecla Shift enquanto pressiona qualquer tecla de seta para mover a seleo em
incrementos de 10 pixels.
medida que voc repetir o comando, as duplicatas do objeto selecionado aparecero com disposio em cascata a partir do original. As duplicatas aparecem 10 pixels abaixo e 10 pixels direita da duplicata anterior. O objeto mais recentemente duplicado se transforma no objeto selecionado.
O clone da seleo empilhado precisamente em frente do original e se torna o objeto selecionado. Nota: Para mover um clone selecionado para longe do original com preciso pixel a pixel, use as teclas de seta ou Shift junto com as teclas de seta. Essa uma maneira conveniente de manter uma distncia especfica entre clones ou de manter o alinhamento vertical ou horizontal dos clones.
Pressione Delete ou Backspace. Selecione Editar > Limpar ou Editar > Recortar. Clique no objeto com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, e selecione
Editar > Recortar no menu de contexto.
Escolha Selecionar > Cancelar seleo. Clique em qualquer local da imagem, fora da rea selecionada, se estiver usando a ferramenta Marca de seleo,
Marca de seleo oval ou Lao.
Pressione Escape.
Dimensionar amplia ou reduz um objeto. Inclinar coloca um objeto em declive ao longo de um eixo especificado. Distorcer move as laterais ou cantos de um objeto na direo em que voc arrasta uma ala de seleo enquanto a ferramenta est ativa. Isso til para a criao de uma aparncia 3D.
Quando voc seleciona qualquer ferramenta de transformao ou o comando de menu Transformar, o Adobe Fireworks exibe alas de transformao ao redor dos objetos selecionados.
Ao mover o ponteiro nas alas de seleo, ou perto delas, ele se transforma para indicar a transformao atual.
2 Siga um destes procedimentos:
Posicione o ponteiro prximo a um ponto de vrtice e arraste para girar. Arraste uma ala de transformao para transformar de acordo com a ferramenta de transformao ativa.
3 Clique duas vezes dentro da janela ou pressione Enter para aplicar as alteraes.
Para dimensionar o objeto horizontalmente e verticalmente, arraste uma ala de canto. As propores sero
restringidas se voc pressionar a tecla Shift ao dimensionar.
Para dimensionar o objeto do centro, pressione Alt (Windows) ou Option (Mac) enquanto arrasta a ala.
Selecione Editar > Preferncias (Windows) ou Fireworks > Preferncias (Mac OS). Na categoria Geral, selecione
Dimensionar traados e efeitos.
Selecione Janela > Informaes. No menu Opes do painel Informaes, selecione Atributos de escala.
verticalmente e clique em Aplicar. Nota: Selecione os controles maiores ou menores para ajustar os incrementos de redimensionamento.
Inclinar objetos
Incline um objeto para transform-lo, inclinando-o ao longo do eixo horizontal e/ou do eixo vertical.
1 Siga um destes procedimentos para exibir as alas de transformao:
Distorcer objetos
Altere o tamanho e as propores de um objeto arrastando uma ala de seleo com a ferramenta Distorcer.
1 Siga um destes procedimentos para exibir as alas de transformao:
Para restringir a rotao a incrementos de 15 com relao linha do horizonte, arraste o ponteiro com a tecla Shift pressionada.
4 Clique duas vezes dentro da janela ou pressione Enter para aplicar as alteraes.
Clique duas vezes no ponto central. Pressione Escape para cancelar a seleo do objeto e selecione-o novamente.
Nota: Se as caixas L e A no estiverem visveis no Inspetor de propriedades, clique na seta de expanso para ver todas as propriedades.
prprio objeto.
5 Cancele a seleo de Atributos da escala para transformar apenas o caminho. 6 Digite valores numricos para transformar a seleo e clique em OK.
Texto Smbolo que contm texto Grupo que contm texto que girado/distorcido/inclinado
Nota: Se a escala com 9 fatias for aplicada a um grupo ou smbolo que contm texto, o texto ser dimensionado sem o uso da escala com 9 fatias. O Fireworks fornece dois mtodos de escala com 9 fatias: o dimensionamento de smbolo com guias de fatia permanentes pode ser reajustado, enquanto o dimensionamento padro com guias temporrias aplicado apenas uma vez. O dimensionamento de smbolo ideal para objetos que voc planeja reutilizar vrias vezes. O dimensionamento padro ideal para ajustes rpidos e nicos em objetos de bitmap ou formas bsicas que voc esteja incorporando a modelos de design. Para assistir a um tutorial de vdeo sobre como criar objetos escalveis usando a escala com 9 fatias, consulte www.adobe.com/go/lrvid4036_fw_br. Para ver um exemplo demonstrativo de escala com 9 fatias, consulte o artigo de Sarthak Singhal em http://www.adobe.com/go/learn_fw_9slicescaling_br. Para obter o dimensionamento mais flexvel, torne a fatia central a mais larga possvel. (Quando voc encolhe drasticamente um objeto, o Fireworks limita as fatias ao redor ao seu tamanho original.)
no deseja distorcer ao dimensionar (por exemplo, os cantos) esto fora das guias.
Guias de escala com 9 fatias posicionadas de forma a no distorcer os cantos quando o boto for redimensionado.
4 (Opcional) Bloqueie as guias: No painel Propriedades, selecione Bloquear guias de escala com 9 fatias. 5 Para retornar pgina de contedo, clique no cone de pgina, na parte superior do painel do documento 6 Redimensione o smbolo conforme necessrio usando a ferramenta Dimensionar
Depois de aplicar guias com 9 fatias a um smbolo, voc poder aninh-lo nas regies protegidas de outros smbolos com 9 fatias criando objetos complexos de perfeito dimensionamento.
Para dimensionamento vertical, arraste as guias de fatia horizontais at a borda do objeto. Para dimensionamento horizontal, arraste as guias verticais at a borda.
Nota: Se voc tiver selecionado uma Forma automtica na etapa 1, o Fireworks solicitar o desagrupamento dessa forma. Apenas faa isso se tiver acabado de ajustar os pontos de controle da Forma automtica.
3 Na tela de desenho, organize as guias de fatia de forma a melhor preservar a geometria do objeto. (Para obter
grupo.
Empilhar a ordem de objetos Organiza objetos atrs ou na frente de outros objetos. Alinhar objetos selecionados Alinha objetos em uma rea da tela de desenho ou em um eixo vertical ou horizontal.
Modificar os atributos de um objeto subselecionado altera somente esse objeto subselecionado. Mover um objeto subselecionado para outra camada remove esse objeto do grupo.
objetos seleo, ou remov-los da seleo, mantenha pressionada a tecla Shift ao clicar ou arrastar.
Clique em qualquer local no grupo com o boto direito (Windows), ou com a tecla Control (Mac OS)
pressionada, e escolha Selecionar > Superselecionar no menu de contexto.
Clique em qualquer local no grupo com o boto direito (Windows), ou com a tecla Control (Mac OS)
pressionada, e escolha Selecionar > Subselecionar no menu de contexto.
Para mover o objeto ou grupo uma posio para cima ou para baixo na ordem de empilhamento, selecione
Modificar > Organizar > Avanar ou Recuar. Se mais de um objeto ou grupo estiver selecionado, os objetos se movero na frente ou atrs de todos os objetos no selecionados, mantendo a ordem em relao uns com os outros.
Alinhar objetos
Voc pode aplicar ou mais comandos Alinhar a objetos selecionados. Para ter rpido acesso a esses comandos, use o painel Alinhar (Janela > Alinhar).
Para obter mais informaes sobre como alinhar objetos, leia o tutorial Aligning and Distributing Objects.
Align autoshapes
Para definir as opes de alinhamento para formas automticas, use a API correspondente. Por exemplo:
smartShape.elem.elements[0].pathAttributes.brushPlacement="center"; smartShape.elem.elements[0].pathAttributes.brushPlacement="inside"; smartShape.elem.elements[0].pathAttributes.brushPlacement="outside"; smartShape.elem.elements[0].pathAttributes.fillOnTop=false;
As configuraes especificadas so usadas somente para a forma automtica correspondente. Traados e caminhos desenhados aps a aplicao dessas configuraes a uma forma automtica so usados para formas automticas futuras, mas no para objetos.
56
Um novo objeto de bitmap adicionado camada atual no painel Camadas. Para obter mais informaes sobre o uso das ferramentas Lpis ou Pincel, consulte Edio de bitmaps na pgina 57.
Clique no boto Nova imagem de bitmap Selecione Editar > Inserir > Bitmap vazio.
, no painel Camadas.
Desenhe uma marca de seleo, comeando em uma rea em branco da tela de desenho, e preencha-a. Para obter
mais informaes, consulte Criar marcas de seleo de pixels na pgina 40. Um bitmap vazio adicionado camada atual no painel Camadas.
A seleo aparece no painel Camadas como um objeto na camada atual. Nota: Voc tambm pode clicar com o boto direito (Windows) ou clicar com a tecla Control pressionada (Mac OS) em uma marca de seleo de pixel e escolher uma opo de recorte ou cpia.
Selecione Modificar > Nivelar seleo. Selecione Nivelar seleo, no menu Opes do painel Camadas.
Edio de bitmaps
As ferramentas usadas com mais freqncia para edio de fotos esto localizadas no painel Edio de imagem (Janela > Outros > Edio de imagem). Para obter mais informaes, consulte o artigo de Ruth Kastenmayer em http://www.adobe.com/go/learn_fw_imageeditingpanel_br no Adobe Dev Center.
vertical ou diagonal.
2 Selecione uma cor na caixa Cor de preenchimento. 3 Defina o valor de tolerncia no Inspetor de propriedades.
Nota: A tolerncia determina o quo semelhantes em cor os pixels precisam ser para serem preenchidos. Um valor baixo de tolerncia preenche os pixels que possuem valores de cor semelhantes ao pixel no qual voc clicar. Uma tolerncia alta preenche pixels que possuem um intervalo mais amplo de valores de cor.
4 Clique na imagem.
no menu pop-up .
Criar amostra de uma cor a ser usada como cor de traado ou de preenchimento
Nota: O ponteiro de conta-gotas da caixa de cor diferente da ferramenta Conta-gotas. Consulte Obter a amostra de cores de uma janela pop-up de cor na pgina 116. Use a ferramenta Conta-gotas para criar a amostra de uma cor a partir de imagem.
Clique no cone de traado ao lado da caixa Cor do traado, no painel Ferramentas, para torn-lo o atributo
ativo.
Clique no cone de preenchimento ao lado da caixa Cor de preenchimento, no painel Ferramentas, para tornlo o atributo ativo. Nota: No clique na caixa de cor propriamente dita. Se voc fizer isso, o ponteiro de conta-gotas ser exibido no lugar da ferramenta Conta-gotas.
2 Abra um documento do Fireworks ou qualquer arquivo que o Fireworks possa abrir. 3 Selecione a ferramenta Conta-gotas na seo Cores do painel Ferramentas. Em seguida, defina a configurao
por 3 pixels
Mdia de 5x5 Cria uma cor de traado ou preenchimento a partir da mdia dos valores de cor em uma rea de 5
por 5 pixels
4 Clique na ferramenta Conta-gotas em qualquer local do documento.
A cor da amostra aparece em todas as caixas Cor do traado ou Cor de preenchimento do Fireworks.
2 No Inspetor de propriedades, selecione a forma de borracha arredondada ou quadrada. 3 Arraste os seletores para definir os nveis de Borda, Tamanho e Opacidade. 4 Arraste a ferramenta Borracha sobre os pixels que voc deseja apagar.
2 Selecione Editar > Cortar bitmap selecionado. 3 Ajuste as alas de corte at que a caixa delimitadora fique ao redor da rea da imagem de bitmap que voc deseja
Caixa delimitadora
4 Clique duas vezes dentro da caixa delimitadora ou pressione Enter para cortar a seleo.
Retoque de bitmaps
A ferramenta Carimbo permite copiar ou clonar uma rea de uma imagem para outra. A ferramenta Desfocar diminui o foco das reas selecionadas em uma imagem. A ferramenta Borrar seleciona uma cor e a empurra na direo que voc arrastar em uma imagem. A ferramenta Nitidez aplica nitidez s reas em uma imagem. A ferramenta Subexposio clareia partes de uma imagem. A ferramenta Superexposio escurece partes de uma imagem. A ferramenta Remover olhos vermelhos reduz a aparncia de olhos vermelhos em fotografias. A ferramenta Substituir cor pinta sobre uma cor com outra.
Clonar pixels
A clonagem de pixels til quando voc deseja corrigir uma fotografia arranhada ou remover poeira de uma imagem. possvel copiar uma rea de pixels de uma foto e substituir o arranho ou o ponto de poeira pela rea clonada.
1 Selecione a ferramenta Carimbo. 2 Clique em uma rea para design-la como origem (a rea que voc deseja clonar).
O ponteiro de amostra se transforma em um ponteiro em cruz. Nota: Para designar uma rea diferente de pixels a ser clonada, clique com a tecla Alt (Windows) ou Option (Mac OS) pressionada em outra rea de pixels.
3 Mova para uma parte diferente da imagem e arraste o ponteiro.
O primeiro a origem e tem a forma de uma cruz. Dependendo das preferncias de pincel selecionadas, o segundo ponteiro pode ser um carimbo, uma cruz ou um
crculo azul. medida que voc arrastar o segundo ponteiro, os pixels abaixo do primeiro ponteiro sero copiados e aplicados rea abaixo desse segundo ponteiro.
ponteiro de amostragem se movimenta verticalmente e horizontalmente, alinhado ao segundo ponteiro. Quando a opo Origem alinhada est desmarcada, rea de amostra fixa, independentemente do local escolhido para mover e clicar o segundo ponteiro.
Usar documento inteiro Cria uma amostra de todos os objetos em todas as camadas. Quando esta opo est desmarcada, a ferramenta Carimbo somente cria amostras do objeto ativo. Opacidade Determina o quanto do plano de fundo pode ser visto atravs do traado. Modo de mesclagem Determina como a imagem clonada tem influncia sobre o plano de fundo.
Opes de borrar
Presso Determina a intensidade do traado. Cor suja Permite borrar usando uma cor especificada no incio de cada traado. Se essa opo estiver desmarcada, a ferramenta usar a cor abaixo do ponteiro da ferramenta. Usar documento inteiro Borra usando dados de cor de todos os objetos em todas as camadas. Se essa opo estiver desmarcada, a ferramenta Borrar usar cores somente do objeto ativo.
3 Arraste a ferramenta sobre os pixels aos quais deseja aplicar nitidez, desfoque ou efeitos de borrar.
Mantenha pressionada a tecla Alt (Windows), ou Option (Mac OS), para alterar de um comportamento da ferramenta para o outro.
A exposio varia de 0% a 100%. Valores mais altos geram efeitos mais fortes.
3 Defina o intervalo no Inspetor de propriedades:
Sombras Altera principalmente as partes escuras da imagem Realces Altera principalmente as partes claras da imagem Tonalidades mdias Altera principalmente o intervalo intermedirio por canal na imagem
Nota: Para alternar temporariamente entre as ferramentas Subexposio e Superexposio, mantenha pressionada a tecla Alt (Windows).
. (Se a ferramenta no
Se o olho vermelho permanecer, escolha Editar > Desfazer e repita as etapas 2 e 3 com configuraes diferentes de Tolerncia e Intensidade.
. (Se a ferramenta no estiver visvel, mantenha pressionada a ferramenta Carimbo at ativar um menu pop-up.)
. (Se a ferramenta no estiver visvel, mantenha pressionada a ferramenta Carimbo at ativar um menu pop-up.)
menu pop-up.
4 Defina os outros atributos de traado no Inspetor de propriedades. 5 Usando a ferramenta, clique em uma seo da imagem de bitmap que contenha a cor que voc deseja substituir.
1 Importe a imagem em que deseja aplicar difuso na tela de desenho usando Arquivo > Importar. 2 Selecione a parte da imagem em que deseja aplicar difuso usando qualquer uma das ferramentas de seleo. 3 Selecione Selecionar > Inverter. 4 Selecione Selecionar > Difuso. Opcionalmente, voc pode selecionar a opo de menu Borda do painel
Propriedades.
5 Na caixa de dilogo Aplicar difuso, digite um valor de raio de difuso. O valor padro de 10 bom para fins mais
Para aplicar filtros que sejam removveis, editveis e no alterem permanentemente os pixels, use Filtros em tempo
real. A Adobe recomenda o uso de filtros como Filtros em tempo real sempre que possvel. Nota: Embora sejam mais flexveis, o excesso desses Filtros em tempo real em um documento pode reduzir o desempenho do Fireworks.
Para aplicar filtros de maneira irreversvel e permanente, selecione-os no menu Filtros. No possvel aplicar Filtros em tempo a selees de pixels a partir do menu Filtros. Voc pode definir uma rea
de um bitmap, us-la para criar um bitmap separado e ento aplicar um Filtro em tempo real.
Se voc aplicar um filtro a um objeto de vetor selecionado usando o menu Filtros, o Fireworks converter a seleo
em um bitmap.
Aplicar um Filtro em tempo real a uma rea definida por uma marca de seleo de bitmap
1 Escolha uma ferramenta de seleo de bitmap e desenhe uma marca de seleo. 2 Selecione Editar > Recortar. 3 Selecione Editar > Colar.
O Fireworks cola a seleo exatamente no local em que os pixels estavam originalmente localizados, mas essa seleo passa a ser um objeto de bitmap separado.
4 Clique na miniatura do novo objeto de bitmap no painel Camadas para selecionar o objeto de bitmap. 5 Aplique um Filtro em tempo real a partir do Inspetor de propriedades.
O Fireworks aplica o Filtro em tempo real somente ao novo objeto de bitmap, simulando a aplicao de um filtro a uma seleo de pixels.
O recurso Nveis define os pixels mais escuros como preto e os pixels mais claros como branco e, em seguida, redistribui as tonalidades mdias proporcionalmente. Isso produz uma imagem com os detalhes mais ntidos em todos os seus pixels.
Original com pixels concentrados nos realces; aps o ajuste com Nveis
Use o Histograma na caixa de dilogo Nveis para exibir a distribuio de pixels de um bitmap. O Histograma uma representao grfica da distribuio de pixels nos realces, tonalidades mdias e sombras. O Histograma ajuda a determinar o melhor mtodo de corrigir o intervalo de tonalidades de uma imagem. Uma alta concentrao de pixels nas sombras ou realces indica que a imagem pode ser melhorada com a aplicao do recurso Nveis ou Curvas.
O eixo horizontal representa os valores de cor, desde o mais escuro (0) at o mais claro (255). Leia o eixo horizontal da esquerda para a direita: os pixels mais escuros esto esquerda, os pixels de tonalidades mdias esto no centro e os pixels mais claros esto direita. O eixo vertical representa o nmero de pixels em cada nvel de brilho. Em geral, voc ajusta os realces e as sombras primeiro. O ajuste das tonalidades mdias em segundo lugar permite melhorar o valor de brilho sem afetar os realces e as sombras.
No Inspetor de propriedades, clique no cone de adio (+) prximo ao rtulo Filtros e, no menu pop-up Filtros,
selecione Ajustar cor > Nveis.
Para exibir as alteraes na rea de trabalho, selecione Visualizar na caixa de dilogo. A imagem atualizada medida que voc efetua alteraes.
3 No menu pop-up Canal, selecione para aplicar alteraes a canais de cores individuais (Vermelho, Azul ou Verde)
O seletor direito ajusta os realces usando valores de 255 a 0. O seletor central ajusta as tonalidades mdias usando valores de 10 a 0. O seletor esquerdo ajusta as sombras usando valores de 0 a 255.
Nota: O valor de sombra no pode ser superior ao valor de realce; o valor de realce no pode ser inferior ao valor de sombra, e as tonalidades mdias devem se enquadrar entre as configuraes de sombra e realce.
5 Arraste os seletores de Nveis de sada para ajustar os valores de contraste:
O seletor direito ajusta os realces usando valores de 255 a 0. O seletor esquerdo ajusta as sombras usando valores de 0 a 255.
No Inspetor de propriedades, clique no cone de adio (+) prximo ao rtulo Filtros e, no menu pop-up Filtros,
selecione Ajustar cor > Nveis automticos.
Quando a caixa de dilogo Curvas aberta pela primeira vez, a linha diagonal indica que nenhuma alterao foi feita e, portanto, os valores de entrada e sada so iguais para todos os pixels.
1 Selecione a imagem. 2 Siga um destes procedimentos para abrir a caixa de dilogo Curvas:
No Inspetor de propriedades, clique no boto de adio (+) ao lado do rtulo Filtros e, no menu pop-up Filtros,
selecione Ajustar cor > Curvas. Nota: Se o Inspetor de propriedades estiver parcialmente minimizado, clique no boto Adicionar filtros em vez de no boto de adio.
3 No menu pop-up Canal, selecione se as alteraes devem ser aplicadas a canais de cores individuais ou a todos os
4 Clique em um ponto na linha diagonal da grade e arraste-a at uma nova posio para ajustar a curva.
Cada ponto na curva tem seus prprios valores de Entrada e Sada. Quando um ponto arrastado, os valores de
Entrada e Sada so atualizados.
Para ajustar realces, tonalidades mdias e sombras automaticamente, clique no boto Automtico da caixa de dilogo Curvas.
Clique em um pixel de cor neutra na imagem com o conta-gotas de Tonalidade mdia para redefinir o valor de tonalidade mdia. Clique no pixel mais escuro da imagem com o conta-gotas de Sombra para redefinir o valor de sombra.
3 Clique em OK.
No Inspetor de propriedades, clique no cone de adio (+) prximo ao rtulo Filtros e, no menu pop-up Filtros,
selecione Ajustar cor > Brilho/contraste.
No Inspetor de propriedades, clique no boto de adio (+) ao lado do rtulo Filtros e, no menu pop-up Filtros,
selecione Ajustar cor > Matiz/saturao.
Os valores de Matiz variam de 180 a 180. Os valores de Saturao e Claridade variam de 100 a 100.
Alterar uma imagem RGB para uma imagem de duas tonalidades ou adicionar cor a uma imagem em escala de cinza
Selecione Colorir na caixa de dilogo Matiz/saturao.
Nota: Quando voc seleciona Colorir, o intervalo de valores dos seletores de Matiz e Saturao alterado. O Matiz muda de 0 a 360. A Saturao muda de 0 a 100.
No Inspetor de propriedades, clique no boto de adio (+) ao lado do rtulo Filtros e, no menu pop-up Filtros,
selecione Ajustar cor > Inverter.
aumento na qualidade resulta em um efeito de desfoque com menos repeties da imagem original.
Desfoque de zoom Cria a aparncia de que a imagem est se aproximando ou se afastando do visualizador. Requer
valores de Quantidade e Qualidade. Um aumento na qualidade resulta em um efeito de desfoque com menos repeties da imagem original. Um aumento na quantidade resulta em um efeito de desfoque mais intenso.
1 Selecione a imagem. 2 Siga um destes procedimentos:
No Inspetor de propriedades, clique no cone de adio (+) prximo ao rtulo Filtros e, no menu pop-up Filtros,
selecione uma opo de Desfoque.
No Inspetor de propriedades, clique no cone de adio (+) prximo ao rtulo Filtros e, no menu pop-up Filtros,
selecione Outro > Localizar bordas.
No Inspetor de propriedades, clique no cone de adio (+) prximo ao rtulo Filtros e, no menu pop-up Filtros,
selecione Outro > Converter em alfa.
No Inspetor de propriedades, clique no cone de adio (+) prximo ao rtulo Filtros, selecione Nitidez e escolha
uma opo de Nitidez no menu pop-up Filtros.
Um aumento no raio resulta em uma rea maior de contraste ntido ao redor de cada borda de pixel.
5 Arraste o seletor de Limiar para selecionar um limiar de 0 a 255.
Os valores entre 2 e 25 so usados com mais freqncia. Um aumento no limiar aplica nitidez somente aos pixels de contraste maior na imagem. Uma reduo no limiar inclui pixels de menor contraste. Um limiar de 0 aplica nitidez a todos os pixels da imagem.
Adicionar rudo
1 Selecione a imagem. 2 Siga um destes procedimentos para abrir a caixa de dilogo Adicionar rudo:
No Inspetor de propriedades, clique no cone de adio (+) prximo ao rtulo Filtros e, no menu pop-up Filtros,
selecione Rudo > Adicionar rudo.
Os valores variam de 1 a 400. Um aumento na quantidade resulta em uma imagem com pixels inseridos de forma mais aleatria.
4 Selecione a opo Cor para aplicar rudo em cores. Desmarque essa opo para aplicar apenas rudo
monocromtico.
5 Clique em OK.
74
Formas bsicas
Formas bsicas incluem linhas, retngulos, elipses, retngulos arredondados, polgonos e estrelas. Nota: Para evitar pixels isolados e aumentar a nitidez dos objetos de vetor, use Comandos > Seleo > Usar renderizao de vetor herdado.
Para a ferramenta Linha, arraste com a tecla Shift pressionada para restringir as linhas a incrementos de 45. Para a ferramenta Retngulo ou Elipse, arraste com a tecla Shift pressionada para restringir formas a quadrados
ou crculos.
Option (Mac OS), pressionada. Para restringir propores, mantenha tambm a tecla Shift pressionada.
Selecione Adicionar ao incio e Adicionar ao fim, conforme necessrio, e defina o estilo das pontas de seta. Selecione Aplicar traado e preenchimento slido conforme necessrio.
elipses) e arraste o objeto at outro local na tela de desenho. Solte a barra de espao para continuar a desenhar o objeto.
Insira novos valores de largura (L) ou altura (A) no Inspetor de propriedades ou no painel Informaes. Na seo Selecionar do painel Ferramentas, selecione a ferramenta Dimensionar e arraste uma ala de
transformao de vrtice.
Selecione Modificar > Transformar > Dimensionar e arraste uma ala de transformao de vrtice ou selecione
Modificar > Transformar > Transformao numrica e insira novas dimenses.
*O recurso Encaixar no pixel tambm pode ser acessado a partir do menu Modificar ou usando a tecla de atalho Ctrl+K (Windows) ou Cmd+K (Mac OS). Nota: No possvel desfazer o comando Ajustar ao pixel.
Cenrio 1
Cenrio 2
Cenrio 3
Defina a porcentagem usando o seletor ou insira um valor de 0 a 100 na caixa. Se voc escolher pixels, poder inserir at metade do comprimento do menor lado do retngulo. Pressione as teclas de seta para cima ou para a direita ao arrastar para obter vrtices arredondados. Use as teclas de seta para baixo ou para a esquerda para reduzir a curva.
Arraste os controles amarelos at o nmero desejado de lados. Na caixa de dilogo Propriedades da autoforma, defina os pontos e os lados conforme apropriado.
Selecione Janela > Propriedades de forma automtica. Personalize a estrela usando as vrias opes na caixa de
dilogo Propriedades de forma automtica.
Arraste os pontos amarelos na estrela. Coloque o mouse sob o ponto amarelo. Uma dica de ferramenta exibida
descrevendo a funo. Para restringir a orientao de uma estrela a incrementos de 45, mantenha pressionada a tecla Shift ao arrastar.
Formas automticas
Formas automticas, ao contrrio de outros grupos de objetos, tm pontos de controle em forma de losango alm das alas de grupo de objetos. Arrastar um ponto de controle altera somente sua propriedade visual associada. A maioria dos pontos de controle tem dicas de ferramenta que descrevem como esses pontos afetam a Forma automtica.
Ferramentas de Formas automticas criam formas em orientaes predefinidas. Por exemplo, a ferramenta Seta desenha setas horizontalmente. Da mesma forma, para a forma automtica Estrela, clique e arraste o ponto de controle esquerdo para cima ou para baixo na vertical para alterar o nmero de pontos. possvel usar os outros pontos de controle para modificar a nitidez e a profundidade dos raios. Para obter informaes sobre como alterar a orientao, consulte Transformar e distorcer objetos e selees na pgina 47.
ou organograma.
Rosca Anis preenchidos. Forma em L Formas de vrtice com ngulo direito. ferramenta Medida Linhas de seta simples que indicam dimenses para elementos-chave de design em pixels ou
polegadas.
Pizza Grficos de pizza. Retngulo arredondado Retngulos com vrtices arredondados. Polgono inteligente Polgonos eqilteros com 3 a 25 lados. Espiral Espirais abertas. Estrela Estrelas com qualquer nmero de pontos, de 3 a 25.
Arraste a tela de desenho para desenhar a forma. Clique na tela de desenho para inserir a forma no seu tamanho padro.
Arraste o ponto de controle de direo para restringir seu movimento a um ngulo de 45 graus. Clique no ponto de controle de direo para redefinir a sombra (seu tamanho idntico forma original). Clique com a tecla Control ou Command no ponto de controle de direo para redefinir apenas o eixo x. Clique duas vezes no ponto de controle de perspectiva para redefinir apenas a largura da sombra.
Para formas de Retngulo, voc pode bloquear os vrtices de uma forma para que as alteraes em um vrtice afetem todos os quatro. Tambm possvel alterar as propriedades de cada vrtice individualmente.
4 Para aplicar as alteraes, pressione Tab ou Enter.
Para ajustar ainda mais a Forma automtica na tela de desenho, use os pontos de controle. Os valores correspondentes no painel Propriedades de Forma automtica so atualizados dinamicamente.
Para redimensionar um retngulo sem afetar os vrtices, arraste o ponto de controle de arraste para
redimensionamento.
Para converter todos os vrtices de um retngulo em um tipo diferente, clique em qualquer ponto de controle de
vrtice.
Para converter um nico vrtice em um tipo diferente, clique em qualquer ponto de controle de vrtice com as
teclas Alt (Windows) ou Option (Mac OS) pressionadas.
Para adicionar sees, arraste com a tecla Alt (Windows), ou Option (Mac OS), pressionada um ponto de controle
de adio/diviso de setor no permetro externo da forma.
Para remover uma seo, arraste o ponto de controle de adio/diviso de setor no permetro externo da forma para
definir a parte da forma que voc deseja que permanea na tela de desenho.
Para redimensionar o raio interno, arraste o ponto de controle de raio interno. Para definir o raio interno como zero, clique no ponto de controle de redefinio de raio.
Para trocar as unidades de pixels para polegadas, mantenha pressionada a tecla Control (Windows) ou Command
(Mac OS) ao arrastar um ponto de controle em uma das extremidades.
Para estender ou encurtar as linhas limtrofes da rea medida, arraste um ponto de controle em um dos lados da
medida numrica. A ferramenta Medida til ao criar especificaes de interface. Para ocultar medidas, clique no cone de olho no painel Camadas.
Para adicionar sees, arraste com a tecla Alt (Windows), ou Option (Mac OS), pressionada um ponto de controle
de arraste at segmento no permetro externo da forma.
Para redimensionar uma fatia da pizza, arraste um ponto de controle de arraste at segmento no permetro externo
da forma.
Para redefinir uma pizza para uma fatia, clique no ponto de controle de redefinio.
Para adicionar ou remover sees, arraste o ponto de controle de sees. Para alterar o nmero de lados, arraste o ponto de controle de lados. Para dividir o polgono em segmentos, arraste o ponto de controle de lados com a tecla Alt (Windows), ou Option
(Mac OS), pressionada.
Para redimensionar um polgono interno, arraste o ponto de controle de polgono interno. Para redimensionar um polgono interno, clique no ponto de controle de polgono interno de redefinio.
Formas livres
Voc pode desenhar e editar caminhos de vetor para criar quase qualquer forma de objeto de vetor.
2 (Opcional) Defina atributos de traado e opes da ferramenta Caminho vetorial no Inspetor de propriedades.
(Opcional) Para uma suavizao de caminho mais precisa, selecione um nmero no menu pop-up Preciso, no Inspetor de propriedades, para a ferramenta Caminho vetorial. Quanto mais alto o nmero selecionado, maior ser o nmero de pontos exibidos no caminho que voc desenhar.
3 Arraste para desenhar. Para restringir o caminho a uma linha horizontal ou vertical, mantenha pressionada a tecla
Shift ao arrastar.
4 Solte o boto do mouse para finalizar o caminho. Para fechar o caminho, solte o boto do mouse quando retornar
possvel modificar segmentos de caminho retos e curvos arrastando seus pontos. possvel modificar ainda mais os segmentos de caminho curvos arrastando suas alas de pontos. Tambm possvel converter segmentos de caminho retos em curvos (e vice-versa) convertendo seus pontos.
3 Clique na tela de desenho para inserir o primeiro ponto de vrtice. 4 Mova o ponteiro e clique para inserir o prximo ponto. 5 Continue plotando pontos. Segmentos retos fecham cada lacuna entre pontos. 6 Siga um destes procedimentos:
Clique duas vezes no ltimo ponto para finalizar o caminho como um caminho aberto. Selecione outra ferramenta para encerrar o caminho como um caminho aberto.
Nota: Quando voc selecionar outra ferramenta (diferente da ferramenta Texto) e retornar ferramenta Caneta, o Fireworks reiniciar o desenho do objeto no prximo clique.
Para fechar o caminho, clique no primeiro ponto plotado. Os pontos inicial e final de um caminho fechado so
os mesmos. Nota: Loops formados por um caminho sobreposto a ele mesmo no so caminhos fechados. Apenas os caminhos que comeam e terminam no mesmo ponto so caminhos fechados.
3 Mova at o local do prximo ponto e arraste para gerar um ponto de curva. Sempre que voc arrastar, o Fireworks
4 Continue plotando pontos. Se voc arrastar um novo ponto, produzir um ponto de curva; se apenas clicar,
produzir um ponto de vrtice. possvel alternar temporariamente para a ferramenta Subseleo, para alterar o local dos pontos e a forma das curvas medida que elas forem desenhadas. Pressione Control (Windows), ou Command (Mac OS), ao arrastar um ponto ou uma ala de ponto com a ferramenta Caneta.
5 Siga um destes procedimentos:
Para finalizar o caminho como um caminho aberto, clique duas vezes no ltimo ponto ou selecione outra
ferramenta. Quando voc selecionar certas ferramentas e retornar ferramenta Caneta, o Fireworks reiniciar o desenho do objeto no prximo clique.
Para fechar o caminho, clique no primeiro ponto plotado. Os pontos inicial e final de um caminho fechado so
os mesmos.
Voc pode converter um segmento reto em um segmento curvo (e vice-versa) ao converter seu respectivo ponto.
Nota: Para editar as alas do ponto, escolha a ferramenta Subseleo ou pressione Control (Windows), ou Command (Mac), enquanto a ferramenta Caneta est ativa.
Clique em um ponto ou mantenha pressionada a tecla Shift e clique em vrios pontos, um por um.
Clique em um ponto de vrtice de um objeto selecionado com a ferramenta Caneta. Clique duas vezes em um ponto de curva de objeto selecionado com a ferramenta Caneta. Selecione um ponto com a ferramenta Subseleo e pressione a tecla Delete ou Backspace.
Mover um ponto
Arraste-o com a ferramenta Subseleo.
Um ponto de curva selecionado aparece como um quadrado azul slido. As alas de pontos se estendem a partir do ponto.
3 Arraste as alas at um novo local. Para restringir o movimento das alas a ngulos de 45, pressione Shift ao
arrastar. A visualizao de caminho azul mostra onde o novo caminho ser desenhado se voc soltar o boto do mouse.
Por exemplo, se voc arrastar a ala de ponto esquerda para baixo, a ala de ponto direita ir para cima. Arraste uma ala com a tecla Alt pressionada para mov-la independentemente.
segmento adjacente.
Arrastar uma ala de ponto de vrtice com a ferramenta Subseleo para editar o segmento de caminho adjacente
semelhante.
Formas compostas
Create compound shapes
Crie uma forma composta com caminhos vetoriais simples, como retngulo, elipse e outros caminhos vetoriais. Objetos individuais de uma forma composta podem ser movidos e editados com a ferramenta de subseleo mesmo depois de serem combinados. No modo de Forma composta, todos os novos objetos de vetor so adicionados ao mesmo objeto no painel de camadas. Para adicionar objetos a um objeto diferente, saia desse modo usando o boto Normal. possvel criar formas compostas de uma das seguintes maneiras:
Crie um vetor, selecione uma operao de forma composta, como Adicionar e subtrair, e desenhe outros vetores. Crie vrios vetores e use a operao de forma composta.
medida que voc movimenta o ponteiro sobre um caminho selecionado, ele se transforma no ponteiro de fora ou extrao, dependendo do seu local em relao ao caminho selecionado. possvel alterar o tamanho do ponteiro de fora ou extrao.
Ponteiro
Significado A ferramenta Forma livre est em uso. A ferramenta Forma livre est em uso e o ponteiro de extrao est em posio para extrair o caminho selecionado. A ferramenta Forma livre est em uso e o ponteiro de extrao est extraindo o caminho selecionado. A ferramenta Forma livre est em uso e o ponteiro de extrao est ativo. A ferramenta Alterar forma da rea est em uso e o ponto da rea de remodelagem est ativo. A rea do crculo interno at o crculo externo representa intensidade reduzida.
Nota: A ferramenta Forma livre tambm responde presso de uma mesa digitalizadora Wacom ou outro modelo compatvel. Extrair um caminho selecionado Quando o ponteiro estiver diretamente sobre o caminho, voc poder extrair esse caminho.
1 No painel Ferramentas, selecione a ferramenta Forma livre 2 Mova o ponteiro diretamente sobre o caminho selecionado. 3 Arraste o caminho.
Forar um caminho selecionado Quando o ponteiro no estiver diretamente sobre o caminho, voc poder forar esse caminho.
1 No painel Ferramentas, selecione a ferramenta Forma livre. 2 Aponte ligeiramente para fora do caminho. 3 Arraste em direo ao caminho para for-lo. Ajuste o caminho selecionado para remodel-lo.
Ao pressionar o boto do mouse, pressione a tecla de Seta para a direita ou a tecla 2 para aumentar a largura do
ponteiro.
Ao pressionar o boto do mouse, pressione a tecla de Seta para a esquerda ou a tecla 1 para diminuir a largura
do ponteiro.
Para definir o tamanho do ponteiro (em pixels) e definir o comprimento do segmento de caminho que ele afeta,
cancele a seleo de todos os objetos do documento e insira um valor de 1 a 500 na caixa Tamanho do Inspetor de propriedades.
O crculo interno do ponteiro o limite da ferramenta em intensidade total. A rea entre os crculos interno e externo remodela os caminhos em menos do que a intensidade total. O crculo externo do ponteiro determina o impulso gravitacional do ponteiro. Voc pode definir essa intensidade. Nota: A ferramenta Alterar forma da rea tambm responde presso de uma mesa digitalizadora Wacom ou outro modelo compatvel.
1 No menu pop-up da ferramenta Forma livre, selecione a ferramenta Alterar forma da rea. 2 Arraste entre os caminhos para redesenh-los.
Ao pressionar o boto do mouse, pressione a tecla de Seta para a direita ou a tecla 2 para aumentar a largura do
ponteiro.
Ao pressionar o boto do mouse, pressione a tecla de Seta para a esquerda ou a tecla 1 para diminuir a largura
do ponteiro.
Para definir o tamanho do ponteiro (em pixels) e definir o comprimento do segmento de caminho que ele afeta,
cancele a seleo de todos os objetos do documento e insira um valor de 1 a 500 na caixa Tamanho do Inspetor de propriedades. Definir a intensidade do crculo interno do ponteiro de alterao de rea
Na caixa Intensidade do Inspetor de propriedades, insira um valor de 1 a 100 para especificar a porcentagem da
2 (Opcional) Altere o nvel de preciso da ferramenta Redesenhar caminho selecionando um nmero no menu pop-
up, na caixa Preciso do Inspetor de propriedades. Quanto mais alto o nmero, maior ser o nmero de pontos exibidos no caminho.
3 Mova o ponteiro diretamente sobre o caminho. 4 Arraste para redesenhar ou estender um segmento de caminho. 5 Solte o boto do mouse.
Alterar a aparncia do caminho variando a presso e a velocidade com as ferramentas de Alterao de caminho
Usando presso ou velocidade variada, possvel alterar as propriedades de traado de um caminho. Para especificar quais dessas propriedades so afetadas pelas ferramentas de Alterao de caminho, use a guia Sensibilidade da caixa de dilogo Editar traado. Tambm possvel especificar o nvel de presso e velocidade que afeta as propriedades. Para obter detalhes sobre a definio de opes na caixa de dilogo Editar traado, consulte Aplicar e alterar traados na pgina 121.
Combinar os caminhos fechados selecionados como um caminho delimitando a rea inteira dos caminhos originais
Selecione Modificar > Combinar caminhos > Unio. O caminho resultante assume os atributos de traado e
seleo.
4 Se voc escolher Difuso na configurao de Borda, especifique o valor que deseja usar para a intensidade de
difuso.
5 Clique em OK.
Nota: Converter um caminho em marca de seleo exclui o caminho selecionado. Para alterar esse padro, selecione Editar > Preferncias > Editar e cancele a seleo da configurao Excluir caminhos ao converter em marcas de seleo.
1 Selecione o objeto de caminho que define a rea que voc deseja remover. 2 Selecione Modificar > Organizar > Trazer para a frente. 3 Mantenha pressionada a tecla Shift e adicione seleo o objeto de caminho a partir do qual voc deseja remover
as partes.
4 Selecione Modificar > Combinar caminhos > Perfurao.
Cortar um caminho
Voc pode cortar um caminho usando a forma de outro caminho. O caminho frontal ou na extremidade superior define a forma da rea cortada.
1 Selecione o objeto de caminho que define a rea que voc deseja cortar. 2 Selecione Modificar > Organizar > Trazer para a frente. 3 Mantenha pressionada a tecla Shift e adicione seleo o objeto de caminho a ser cortado. 4 Selecione Modificar > Combinar caminhos > Corte.
O objeto de caminho resultante mantm os atributos de traado e preenchimento do objeto posicionado mais atrs.
Simplificar um caminho
O comando Simplificar remove pontos redundantes no caminho em uma quantidade que voc especificar. Exemplos de pontos redundantes so mais de dois pontos em uma linha reta ou pontos dispostos exatamente um cima do outro.
1 Selecione Modificar > Alterar caminho > Simplificar. 2 Insira uma quantidade de simplificao e clique em OK.
Simplificar um caminho aumenta a extenso na qual o Fireworks pode alterar esse caminho de forma a reduzir o nmero de pontos que ele contm.
Nota: A expanso do traado de um caminho que faz interseo com ele mesmo pode gerar resultados interessantes. Se o caminho original contiver um preenchimento, as partes do caminho que se cruzam no contero um preenchimento aps a expanso do traado.
1 Selecione Modificar > Alterar caminho > Expandir traado. 2 Defina a largura do caminho fechado resultante. 3 Selecione um tipo de vrtice. 4 Se voc escolher mitre, defina o limite de mitre (o ponto no qual um vrtice de mitre se transforma
automaticamente em um vrtice chanfrado). O limite de mitre a proporo entre o comprimento do vrtice de mitre e a largura do traado.
5 Selecione uma opo de arremate final e clique em OK.
3 Defina a largura entre o caminho original e o caminho de contrao ou expanso. 4 Selecione um tipo de vrtice. 5 Se voc escolher mitre, defina o limite de mitre. 6 Clique em OK.
98
Inserir texto
Use a ferramenta Texto e as opes no Inspetor de propriedades para inserir, formatar e editar texto em grficos. Nota: Se o Inspetor de propriedades estiver minimizado, clique duas vezes na barra do inspetor para ver todas as propriedades do texto. Objetos de texto so automaticamente salvos com um nome correspondente ao texto que voc digitou. possvel alterar o nome atribudo na caixa Texto do Inspetor de propriedades ou na miniatura de objeto no painel Camadas. Os objetos de texto do painel de camadas podem ser identificados usando o cone T.
Um bloco de texto de dimensionamento automtico se expande horizontalmente medida que voc digita e se
encolhe quando voc remove texto. Esses blocos de texto so criados por padro quando voc clica na tela de desenho com a ferramenta Texto e comea a digitar.
Blocos de texto de largura fixa permitem controlar a largura do texto com quebra. Esses blocos de texto so criados
por padro quando voc arrasta para desenhar um bloco de texto usando a ferramenta Texto.
Quando o ponteiro de texto est ativo em um bloco de texto, um crculo ou quadrado oco aparece no canto superior
direito do bloco de texto. O crculo indica um bloco de texto de dimensionamento automtico, enquanto o quadrado indica um bloco de texto de largura fixa. Clique duas vezes no canto para alterar de um tipo de bloco de texto para outro.
1 Selecione a ferramenta Texto. 2 Selecione caractersticas de texto. 3 Crie um bloco de texto:
Para criar um bloco de texto de dimensionamento automtico, clique no local do documento em que voc deseja
que o bloco de texto comece.
Para criar um bloco de texto de largura fixa, arraste para desenhar um bloco de texto. Para mover o bloco de texto
enquanto voc arrasta para cri-lo, mantenha pressionado o boto do mouse, pressione e segure a barra de espao e arraste o bloco de texto at outro local.
1 Digite o texto.
2 (Opcional) Realce o texto na caixa de texto e reformate-o. 3 (Opcional) Para mover o bloco de texto, arraste-o at um novo local. 4 Siga um destes procedimentos:
Clique fora do bloco de texto. Selecione outra ferramenta no painel Ferramentas. Pressione Escape.
Um bloco de texto de largura fixa e um bloco de texto de dimensionamento automtico A. Indicador de largura fixa B. Indicador de dimensionamento automtico
Para alterar um bloco de texto para largura fixa ou dimensionamento automtico, clique duas vezes dentro dele e
clique duas vezes no crculo ou no quadrado, no canto superior direito do bloco de texto.
Para alterar um bloco de texto selecionado para largura fixa redimensionando-o, arraste uma ala de
redimensionamento.
Para alterar vrios blocos de texto para largura fixa, selecione esses blocos e escolha Comandos > Texto > Definir
largura.
Para transformar blocos de texto de largura fixa em blocos de texto de dimensionamento automtico, selecione-os
e escolha Comandos > Texto > Alternar largura fixa.
Selecting text
Select word or paragraph Clique duas vezes em uma palavra para selecion-la e clique trs vezes para selecionar o pargrafo inteiro. Select parts of text in a paragraph Para selecionar trechos ou partes de texto em um pargrafo, pressione Shift e selecione vrios trechos do texto.
Select text with similar attributes Para selecionar texto com atributos parecidos, pressione Alt (Win)/Option (Mac OS) e clique duas vezes em uma palavras com os atributos especificados. Todas as palavras do bloco de texto que coincidirem com os atributos sero selecionadas automaticamente. Por exemplo, se quiser selecionar todas as palavras com fonte em negrito, pressione Alt (Win)/Option (Mac OS) e clique duas vezes em uma palavra com fonte em negrito. Todas as palavras em negrito do bloco de texto sero selecionadas automaticamente. Append text with dissimilar attributes to previous selection
possvel acrescentar textos selecionados anteriormente ao texto que contm um conjunto diferente de atributos.
Aps selecionar o texto com fonte em negrito, Alt+Shift+clique duplo/Option+Shift+clique duplo em uma palavra com itlico. As palavras em negrito e em itlico sero selecionadas. Append text to an existing selection
Para adicionar palavra por palavra em uma seleo existente, clique dentro do texto e pressione Alt+Shift-
Clique em um bloco de texto com a ferramenta Ponteiro ou Subseleo para selecionar o bloco inteiro. Para
selecionar vrios blocos simultaneamente, mantenha pressionada a tecla Shift enquanto seleciona cada bloco.
Clique duas vezes em um bloco de texto com a ferramenta Ponteiro ou Subseleo e realce um intervalo de texto. Clique dentro de um bloco de texto com a ferramenta Texto e realce um intervalo de texto.
2 Altere o texto ou a fonte. Fontes so medidas em pontos. 3 Siga um destes procedimentos:
Clique fora do bloco de texto. Selecione outra ferramenta no painel Ferramentas. Pressione Escape.
Sobre fontes
Uma fonte um conjunto completo de caracteres (letras, nmeros e smbolos), que compartilham a mesma espessura, largura e o mesmo estilo, como Adobe Garamond Bold de 10 pontos. As faces de texto (geralmente denominadas famlias de texto ou famlias de fontes) so colees de fontes que compartilham uma aparncia geral e foram criadas para serem usadas em conjunto, como Adobe Garamond. Um estilo de texto uma verso variante de uma fonte individual em uma famlia de fontes. Normalmente, o membro Romano ou Simples (o nome real varia de uma famlia para outra) de uma famlia de fontes a fonte bsica, que pode conter estilos de texto, como o normal, negrito, seminegrito, itlico e negrito itlico. Alm das fontes instaladas no sistema, voc tambm pode criar as pastas a seguir e usar as fontes instaladas nestas pastas:
Windows Arquivos de programas/Arquivos comuns/Adobe/Fonts Mac OS Biblioteca/Suporte para aplicativo/Adobe/Fonts
Se voc instalar uma fonte Type 1, TrueType, OpenType ou CID na pasta Fontes local, a fonte ser exibida apenas nos aplicativos da Adobe.
Visualizao de fontes
possvel visualizar uma fonte no menu Fonte do Inspetor de propriedades. possvel desativar o recurso de visualizao ou alterar o tamanho do ponto dos nomes das fontes ou amostras de fontes em Preferncias de Texto.
No painel ou barra de controle Caractere, defina a opo Tamanho da fonte. Escolha um tamanho no menu Texto > Tamanho. Escolher Outro permite digitar um novo tamanho no painel
Caractere. possvel alterar a unidade de medida para o texto na caixa de dilogo Preferncias. Essa opo no est disponvel no Fireworks.
Instale as fontes ausentes em seu sistema. Ative as fontes ausentes usando um aplicativo de gerenciamento de fontes. Insira as fontes ausentes na pasta Fontes, contida na pasta do aplicativo. As fontes contidas nessa pasta ficam
disponveis somente no aplicativo. Para o Mac OS, as fontes podem ser instaladas na pasta HD > Biblioteca > Suporte do Aplicativo > Adobe > Fontes. Apenas os produtos Adobe podem usar as fontes instaladas nesse local.
Se voc no tiver acesso s fontes ausentes, pesquise-as e substitua essas fontes ausentes.
abreviao acompanhar o nome da fonte: (T1) para fontes PostScript, (TT) para fontes TrueType ou (OT) para fontes OpenType. No Windows, voc pode escolher uma famlia de fontes e um estilo digitando seu nome na caixa. Conforme voc digita, exibido o nome da primeira fonte ou estilo que comea com essa letra. Continue a digitar at que o nome da fonte ou estilo correto aparea.
2 Para escolher um estilo de fonte, siga um destes procedimentos:
Escolha um estilo instalado no menu Estilo do Inspetor de propriedades. Se a famlia de fontes no incluir estilos, clique no boto Negrito falso, Itlico falso ou Sublinhado para aplicar
um estilo simulado.
falso, Itlico falso ou Sublinhado no menu Texto > Estilo. (Windows): Digite o nome da fonte no menu para procur-la.
especial.
2 Selecione Janela > Outros > Caracteres especiais e selecione o caractere que voc deseja inserir.
Nota: Voc tambm pode usar a extenso do gerador de texto aleatrio LoremIpsum para adicionar rapidamente texto de espao reservado para seus modelos. A extenso est disponvel em http://www.adobe.com/go/learn_fw_randomtextgenerator_br.
A ferramenta Texto preserva a cor do texto atual entre blocos de texto. Caractersticas de traado e Filtros em tempo real aplicados a um bloco de texto so atualizados medida que voc
edita o texto nesse bloco, mas as atualizaes no so aplicadas a novos blocos de texto.
A ferramenta Texto preserva a cor do texto, independentemente da cor de preenchimento de outras ferramentas.
Depois que voc utiliza uma cor de preenchimento e retorna ferramenta Texto, a cor de preenchimento se reverte para a configurao mais recente dessa ferramenta, e o traado redefinido para Nenhum. Consulte Salvar atributos de texto de traado, preenchimento e filtro como um estilo na pgina 107.
Clique na caixa Cor de preenchimento do Inspetor de propriedades e selecione uma cor na janela pop-up de cor.
Ou, com a janela pop-up de cor aberta, use o ponteiro do conta-gotas para obter a amostra de uma cor em qualquer ponto da tela.
No painel Ferramentas, clique no cone ao lado da caixa Cor de preenchimento e selecione uma cor na janela
pop-up de cor. Ou, com a janela pop-up da caixa Cor de preenchimento aberta, use o ponteiro do conta-gotas para obter a amostra de uma cor em qualquer ponto da tela. Nota: Quando voc aplicar um traado ao texto realado em um bloco de texto, o bloco de texto inteiro ser automaticamente selecionado.
Use a ferramenta Texto para clicar entre dois caracteres ou para realar os caracteres que voc deseja alterar. Use a ferramenta Ponteiro para selecionar um bloco de texto inteiro. Clique com a tecla Shift pressionada para
selecionar vrios blocos de texto.
No Inspetor de propriedades, arraste o seletor pop-up de Rastreamento ou insira uma porcentagem na caixa.
Zero representa um rastreamento normal. Valores positivos distanciam as letras. Valores negativos aproximam as letras.
Mantenha pressionada a tecla Control (Windows), ou Command (Mac OS), enquanto pressiona as teclas de Seta
para a esquerda ou Seta para a direita no teclado. A tecla de Seta para a esquerda diminui o espao entre as letras em 1%, enquanto a tecla de Seta para a direita distancia as letras em 1%. Mantenha pressionadas as teclas Shift e Control (Windows), ou Shift e Command (Mac OS), enquanto pressiona as teclas de Seta para a esquerda ou Seta para a direita, para ajustar o rastreamento em incrementos de 10%.
No Inspetor de propriedades, arraste o seletor pop-up de Entrelinha ou insira um valor na caixa. O padro 100%. Usando o teclado, mantenha pressionada a tecla Control (Windows), ou Command (Mac OS), enquanto
pressiona a tecla de Seta para cima (para aumentar o espaamento) ou a tecla de Seta para baixo (para diminuir o espaamento). Mantenha pressionadas as teclas Shift e Control (Windows), ou Shift e Command (Mac OS), enquanto pressiona as teclas de Seta para cima ou Seta para baixo, para ajustar a entrelinha em incrementos de 10.
2 Para alterar o tipo de unidade de entrelinha, selecione % ou PX (pixels) no menu pop-up Unidades de entrelinha.
, no Inspetor de propriedades.
Para inverter o texto para um efeito especial, use a ferramenta Distorcer e arraste uma ala lateral.
Para definir a quantidade de espaamento antes e depois de pargrafos, no Inspetor de propriedades, arraste o
seletor pop-up Espao antes do pargrafo ou Espao depois do pargrafo ou insira um valor na caixa de texto.
No Inspetor de propriedades, selecione uma das opes no menu pop-up Suavizao de borda: Sem suavizao de borda Desativa a suavizao do texto Suavizao de borda direta Cria uma transio ntida entre as bordas do texto e do plano de fundo Suavizao de borda intensa Cria uma transio bastante abrupta entre as bordas do texto e o plano de fundo,
preservando as formas dos caracteres de texto e aprimorando reas detalhadas dos caracteres
Suavizao de borda suave Cria uma transio suave entre as bordas do texto e do plano de fundo
Suavizao de borda personalizada Fornece os seguintes controles em nvel profissional para suavizao de borda:
Sobreamostragem Determina a quantidade de detalhes usados para criar a transio entre as bordas do texto e
o plano de fundo
Nitidez Determina a suavidade da transio entre as bordas do texto e o plano de fundo Intensidade Determina com que intensidade as bordas do texto se mesclam ao plano de fundo
Nota: O texto em arquivos vetoriais recebe suavizao de borda quando aberto no Fireworks.
Arraste o seletor alm de 100% para expandir a largura ou altura dos caracteres e arraste para menos a fim de reduzir sua largura ou altura. 100% o padro.
No Inspetor de propriedades, arraste o seletor pop-up de Deslocamento da linha de base ou insira um valor na caixa
de texto para especificar em que nvel (alto ou baixo) colocar o texto sobrescrito ou subscrito. Insira valores positivos para criar caracteres sobrescritos ou valores negativos para criar caracteres subscritos.
1 Crie um objeto de texto e aplique os atributos desejados. Aplique qualquer estilo no painel Estilos, mesmo que no
Para inserir um bloco de texto dentro de um caminho, selecione um objeto de texto e um caminho com a tecla Shift
pressionada e escolha Texto > Anexar ao caminho.
Para separar o texto de um caminho selecionado, selecione Texto > Destacar do caminho. Para editar o texto anexado a um caminho, clique duas vezes no objeto de texto em caminho com a ferramenta
Ponteiro ou Subseleo, ou use a ferramenta Texto e clique para selecionar o texto.
Para editar a forma do caminho, use a ferramenta Subseleo para selecionar o objeto de texto em caminho e arraste
os pontos subselecionados para remodelar o caminho. Nota: Voc tambm pode usar a ferramenta Caneta de Bzier para editar o caminho. O texto fluir automaticamente ao redor do caminho conforme os pontos forem editados.
Para enviar a direo do texto em um caminho selecionado, escolha Texto > Inverter direo. Para mover o ponto inicial do texto anexado a um caminho, selecione o objeto de texto em caminho e, no Inspetor
de propriedades, insira um valor na caixa de texto Deslocamento do texto.
Para converter texto, selecione Texto > Converter em caminhos. Para editar caminhos de caracteres de texto convertidos individualmente, use a ferramenta Subseleo para
selecionar o texto convertido ou selecione o texto convertido e escolha Modificar > Desagrupar.
Para criar um caminho composto a partir de um grupo de caminhos que foi criado pela converso do texto em
caminhos, selecione esse grupo de caminhos, escolha Modificar > Desagrupar e escolha Modificar > Combinar caminhos > Juno.
Solidificar texto
Voc pode converter o texto em objetos de vetor compostos. Esse texto no pode ser editado aps a sua converso em objetos de vetor. Como os caracteres so reunidos como um objeto composto, necessrio dividir os caminhos combinados para poder editar esses caracteres independentemente.
Para solidificar o texto, selecione Comandos > Texto > Solidificar. Para dividir o caminho combinado em caracteres independentemente editveis, use a ferramenta de subseleo ou
selecione Modificar > Combinar caminhos > Dividir.
Importar texto
O Fireworks apenas oferece suporte para texto ASCII. O texto exibido como caracteres ilegveis quando um arquivo de texto em Unicode aberto ou importado no Fireworks. Converta o texto Unicode em texto ASCII antes de importlo no Fireworks. Como alternativa, copie o texto ASCII e o cole no Fireworks.
Para importar texto do Adobe Photoshop ou do Adobe Illustrator, importe um arquivo do Photoshop ou do
Illustrator, ou copie o texto no Fireworks. possvel copiar textos de at 8000 caracteres do Fireworks ou de outros aplicativos. Por padro, o texto do Photoshop e do Illustrator preserva todos os atributos no Fireworks. Entretanto, voc tambm pode importar texto do Photoshop como imagens bitmap. (Consulte Preferncias de importao e abertura do Photoshop na pgina 306.)
Para importar o texto nos formatos RTF (rich text format) e ASCII (texto simples), copie-o no Fireworks. Voc
tambm pode selecionar Arquivo > Abrir ou Arquivo > Importar e navegar at um arquivo. (O texto ASCII importado definido como a cor de preenchimento atual e a fonte padro, com 12 pixels de altura.)
original. Ainda possvel editar o texto; mas, quando voc o fizer, o Fireworks substituir a imagem de bitmap por uma fonte que esteja instalada no seu sistema. A edio pode fazer com que a aparncia do texto seja alterada.
Substituir fontes ausentes Substitui fontes no documento. possvel editar e salvar o texto. Quando o documento for
reaberto em um computador que contm as fontes originais, o Fireworks se lembrar e far uso dessas fontes originais.
Selecione uma fonte substituta na lista Para. Clique em Nenhuma alterao para deixar a fonte ausente no estado em que se encontra.
Da prxima vez que voc abrir um documento com as mesmas fontes ausentes, a caixa de dilogo Fontes ausentes incluir a fonte escolhida.
ortografia.
2 Selecione opes na caixa de dilogo Configurar verificao ortogrfica:
Escolha um ou mais dicionrios de idiomas. Selecione um dicionrio personalizando clicando no cone de pasta ao lado da caixa de texto Caminho do
dicionrio pessoal.
Edite o dicionrio personalizado clicando no boto Editar dicionrio pessoal e, em seguida, adicionando,
excluindo ou modificando palavras na lista.
112
Aplicao de cores
Ativar, remover ou alternar o traado e o preenchimento
Ative o traado ou o preenchimento para determinar que atributo afetado pelos seus ajustes de cor. Redefina as cores de traado e preenchimento para aplicar os padres especificados na caixa de dilogo Preferncias.
preenchimento. Nota: A ferramenta Balde de tinta preenche as selees de pixels e objetos de vetor com a cor mostrada na caixa Cor de preenchimento.
Caixas Cor do traado e Cor de preenchimento no painel Ferramentas e a janela pop-up de cor
cores.
inativa como Nenhum, clique novamente no boto Sem traado ou preenchimento. Nota: Voc tambm pode remover o preenchimento ou o traado clicando no boto Transparente, em qualquer janela pop-up de Cor do traado ou Cor de preenchimento, ou selecionando Nenhum no menu pop-up Opes de preenchimento ou Opes de traado no Inspetor de propriedades.
Nota: A seleo de Cubos coloridos faz com que voc retorne ao grupo de amostras padro.
Para selecionar um grupo de amostras personalizado, selecione Substituir amostras no menu Opes do painel
Amostras, navegue at a pasta e selecione o arquivo.
Para adicionar amostras a partir de uma paleta de cores externa, selecione Adicionar amostras no menu Opes do
painel Amostras, navegue at a pasta e selecione um arquivo de paleta de cores ACT ou GIF.
Para adicionar uma cor, mova a ponta do ponteiro do conta-gotas at o espao aberto aps a ltima amostra no
painel Amostras.
Para substituir uma cor de amostra, mantenha a tecla Shift pressionada e posicione o ponteiro sobre uma
amostra no painel Amostras.
4 Clique para adicionar ou substituir a amostra.
Ao selecionar a opo Encaixar nas cores seguras para Web, no menu Opes da janela pop-up de cor, todas as cores no seguras para a Web escolhidas com o ponteiro do conta-gotas se transformam na cor segura para a Web mais prxima.
Hexadecimal
HSB
CMY
Escala de cinza
Voc pode selecionar modelos de cor alternativos no menu Opes do Misturador de cores. Os valores de componente da cor atual so alterados com cada novo modelo de cor. Embora o CMY seja uma opo de modelo de cor, os grficos exportados diretamente do Fireworks no so ideais para impresso. Para adaptar os grficos exportados do Fireworks para impresso, importe-os no Adobe Illustrator, no Adobe Photoshop ou no Adobe FreeHand. Para obter mais informaes, consulte a documentao desses aplicativos.
Localizar a cor segura para a Web mais prxima para qualquer valor de cor
1 Clique na caixa da cor de preenchimento na guia Seletor do painel Paleta de cores. 2 Para obter a amostra de uma cor, use o ponteiro do conta-gotas para clicar em qualquer ponto dentro de qualquer
janela de documento do Fireworks. A cor segura para a Web mais prxima exibida abaixo da cor na caixa de cor de preenchimento ativa. Nota: Voc tambm pode usar a guia Seletor para converter cores entre modelos de cor, como RGB e CMYK, e selecionar o modo de exibio de cores.
documento.
3 Se necessrio, use o disco de cores HSB, no canto inferior direito do painel, para modificar a paleta. 4 Para testar duas paletas diferentes no documento, clique em Paleta 2, no lado esquerdo do painel, e selecione as
Nota: A funo de troca de paleta substitui preenchimentos, traados e gradientes em elementos de vetor, mas no em elementos de bitmap ou smbolos grficos.
2 Clique no cone Exportar como bitmap, para exportar a paleta como um arquivo bitmap, ou clique no cone
Exportar como tabela de cores, para exportar a paleta como arquivo ACT.
Nota: Para ver o valor hexadecimal da cor, posicione o ponteiro sobre qualquer amostra de cor.
Para aplicar uma amostra caixa de cor, clique em uma amostra. Para aplicar a cor caixa de cor, clique com o ponteiro do conta-gotas em uma cor em qualquer parte da tela. Para tornar o traado ou o preenchimento permanente, clique no boto Transparente, na janela pop-up.
Clique com a tecla Shift pressionada para selecionar uma cor segura para a Web.
Use o Misturador de cores ou a janela pop-up de cor. Use o painel Informaes. Clique na ferramenta Conta-gotas, selecione Janela > Informaes e mova o ponteiro
sobre o objeto que contm a cor que voc deseja exibir (somente Windows).
Selecione Janela > Misturador de cores para RGB ou outros valores de sistema de cores. Clique em uma caixa de cor para abrir a janela pop-up de cor e exibir o valor hexadecimal no topo dessa janela. Posicione o ponteiro sobre uma caixa de cor e leia a dica de ferramenta (somente Windows).
Nota: Por padro, os valores RGB da cor aparecem no painel Informaes e no Misturador de cores. Seu valor hexadecimal aparece na janela pop-up de cor.
cores.
Duas cores seguras para a Web criam um preenchimento com pontilhamento da Web.
preenchimento.
A cor no segura para a Web do objeto aparece na caixa Cor de origem. As duas cores de pontilhamento seguras para a Web aparecem nas caixas de cor direita. O pontilhamento da Web aparece no objeto e se torna a cor de preenchimento ativa. Nota: Definir a borda de um preenchimento com pontilhamento da Web para Suavizao de borda ou Difuso resulta em cores que no so seguras para a Web.
4 Clique fora da janela pop-up para fech-la.
preenchimento.
4 Selecione Transparente.
Para obter mais informaes, consulte Tornar reas transparentes na pgina 244. Nota: Nem todos os navegadores aceitam arquivos PNG.
Save swatches
Salvar um grupo de amostras
Para salvar uma seleo de cores de amostra, adicione as cores, selecione Salvar amostras, no menu Opes do
Painel Kuler
Sobre o painel do Kuler
O painel do Kuler o seu portal para os grupos de cores ou temas, criados por uma comunidade on-line de designers. possvel us-lo para procurar milhares de temas no Kuler e, ento, fazer download de alguns para editar ou incluir em seus projetos. Tambm possvel usar o painel Kuler para criar e salvar temas e compartilh-los com a comunidade Kuler carregando-os. Ele est disponvel no Adobe Photoshop CS5, Adobe Flash Professional CS5, Adobe InDesign CS5, Adobe Illustrator CS5 e Adobe Fireworks CS5. O painel no est disponvel nas verses em francs desses produtos. Para assistir a um vdeo sobre o painel do Kuler, consulte www.adobe.com/go/lrvid4088_xp_br. Para ler um artigo sobre o Kuler e a inspirao de cores, consulte o blog de Veerle Pieters em http://veerle.duoh.com/blog/comments/adobe_kuler_update_and_color_tips/.
Pesquisa de temas
1 Selecione Janela > Extenses > Kuler e acesse o painel Procurar. 2 Siga um destes procedimentos:
Filtre os resultados da pesquisa selecionando uma opo nos menus pop-up acima dos resultados.
Quando quiser executar a pesquisa, selecione-a no primeiro menu pop-up. Para excluir uma pesquisa salva, selecione a opo Personalizar no menu pop-up. Exclua as pesquisas desejadas e clique em Salvar.
Voc tambm pode adicionar um tema a partir do painel Criar clicando no boto Adicionar tema selecionado a amostras.
Edio de um tema
1 No painel Procurar, localize o tema que deseja editar e, em seguida, clique duas vezes sobre o tema nos resultados
Salve o tema clicando no boto Salvar tema. Adicione o tema ao painel Amostras do aplicativo clicando no boto do painel Adicionar a amostras na parte
inferior do painel.
Atualize o tema para o servio Kuler clicando no boto Atualizar na parte inferior do painel.
Selecione uma regra de harmonia no menu pop-up Selecionar regra. A regra de harmonia utiliza a cor base como
base para a gerao das cores no grupo de cores. Por exemplo, se voc escolher uma cor base azul e a regra de harmonia Complementar, ser criado um grupo de cores usando a cor base, o azul e seu complemento, o vermelho.
Selecione uma regra Personalizar para criar um tema usando ajustes de forma livre. Manipule as cores no disco de cores. Conforme voc faz seus ajustes, a regra de harmonia continua a governar as
cores geradas para o grupo de cores.
Mova o controle deslizante de brilho ao lado do disco para ajustar o brilho das cores. Tambm possvel definir a cor base ajustando os controles deslizantes na parte inferior da caixa de dilogo.
Defina a cor base arrastando o marcador de cor base (o maior marcador de cor de aro duplo) em torno do disco. Defina uma das outras quatro cores no grupo de cores como a cor base. Selecione a amostra da cor e clique no boto
de centro do alvo abaixo do grupo de cores.
Defina a cor do primeiro plano/plano de fundo do aplicativo host ou a cor do traado/preenchimento como a cor
base. Clique em um dos primeiros dois botes abaixo do grupo de cores.
Remova a cor do grupo de cores selecionando a amostra da cor e clicando no boto Remover cor abaixo do grupo
de cores. Adicione uma nova cor selecionando uma amostra de cor vazia e clicando no boto Adicionar cor.
Experimente efeitos de cor diferentes selecionando uma nova regra de harmonia movendo os marcadores no disco
de cores.
Clique duas vezes em uma amostra no grupo de cores para definir a cor ativa (primeiro plano/plano de fundo ou
trao/preenchimento) do aplicativo. Se o aplicativo no tiver um recurso de cor ativo ou selecionado, o painel Kuler definir a cor do primeiro plano ou a cor de preenchimento, conforme apropriado.
Selecione um dos atributos de traado no menu pop-up Categoria de traado do Inspetor de propriedades. Selecione Opes de traado no menu pop-up Categoria de traado para ver mais opes e, em seguida, escolha um
dos atributos de traado.
Nota: Um traado recm-criado assume a cor atualmente exibida na caixa Cor do traado.
Selecione Nenhum no menu pop-up Categoria de traado no Inspetor de propriedades ou na janela pop-up Opes
de traado.
Clique na caixa Cor do traado, no painel Ferramentas ou no Inspetor de propriedades, e clique no boto Transparente .
Align strokes
Use as opes de alinhamento para traados do Inspetor de propriedades. (Alinhar traado ao centro, Alinhar traado ao lado interno e Alinhar traado ao lado externo. Os cones de alinhamento do Inspetor de propriedades ajudam a acessar essas opes mais rapidamente.
velocidade se refletem na visualizao por um traado que se estreita, desaparece ou se transforma da esquerda para a direita.
traados de pincel que fluem com o passar do tempo, como no caso de um aergrafo.
2 Selecione opes de traado de pincel:
Para sobrepor traados de pincel para traados densos, selecione Acumular. Para definir a textura do traado, altere a opo Textura. Quanto maior o nmero, mas aparente a textura se
tornar.
Para definir a textura nas bordas, insira um nmero na caixa de texto Textura da borda e selecione um efeito de
borda no menu pop-up Efeito da borda.
Defina o nmero de pontas desejadas no traado do pincel. Para vrias pontas, insira um valor de Espaamento
das pontas e selecione o mtodo de variao de cores.
Para selecionar uma linha pontilhada ou tracejada, selecione uma opo no menu pop-up Tracejado.
Para definir os comprimentos dos traos e espaos de uma linha pontilhada, use os trs conjuntos de caixas de
entrada de texto Ativado e Desativado, para controlar o primeiro, o segundo e o terceiro trao, respectivamente.
3 Clique em OK.
arredondada.
2 Insira valores para o tamanho da ponta do pincel, a suavidade da borda, o aspecto da ponta e o ngulo da ponta. 3 Clique em OK.
Nota: O Fireworks tem configuraes de traado para ajuste fino dos atributos de traado que so controlados por presso e velocidade quando voc utiliza uma mesa digitalizadora e uma caneta sensveis presso Wacom. possvel selecionar o atributo de traado a ser controlado com a caneta.
atual.
Use o menu pop-up Traado, na janela Opes de traado, para mover os traados do pincel da posio padro (centralizada em um caminho) at outro local.
1 No painel Ferramentas ou no Inspetor de propriedades, clique na caixa Traado para abrir a janela pop-up de
amostra de cor.
2 Na parte inferior da janela pop-up, selecione Dentro do caminho ou Fora do caminho, no menu pop-up. 3 (Opcional) Selecione a opo Preenchimento sobre traado.
O traado normalmente sobrepe o preenchimento. A seleo de Preenchimento sobre traado desenha o preenchimento sobre o traado. Quando a opo Preenchimento sobre traado for usada com um objeto que possui um preenchimento opaco, qualquer parte do traado que se enquadrar dentro do caminho ser obscurecida. Um preenchimento com um certo grau de transparncia pode se colorir ou mesclar com um traado de pincel dentro de um caminho.
Clique na caixa Cor do traado, no painel Ferramentas, e clique em Opes de traado. Selecione Opes de traado no menu pop-up Opes de traado do Inspetor de propriedades.
2 Edite os atributos de traado do pincel. 3 Clique no boto Salvar traado personalizado para salvar os atributos de traado personalizados como um estilo
Alterar a cor do preenchimento slido de ferramentas de desenho de vetor e da ferramenta Balde de tinta
1 Selecione uma ferramenta de desenho de vetor ou a ferramenta Balde de tinta. 2 Siga um destes procedimentos:
Pressione Control+D (Windows), ou Command+D (Mac OS), para cancelar a seleo de todos os objetos e
clique na caixa Cor de preenchimento no Inspetor de propriedades para abrir a janela pop-up Cor de preenchimento.
Clique na caixa Cor de preenchimento no painel Ferramentas ou no Misturador de cores para abrir a janela popup de cor.
3 Selecione uma cor para o preenchimento a partir do conjunto de amostras ou use o ponteiro do conta-gotas para
obter a amostra de uma cor em qualquer ponto da tela. Nota: Selecionar a ferramenta Texto sempre faz com que a caixa Cor de preenchimento reverta para a ltima de cor de texto slida usada pela ferramenta Texto.
Selecione Padro no menu pop-up Opes de preenchimento no Inspetor de propriedades. Clique na caixa Cor de preenchimento do painel Ferramentas, clique em Opes de preenchimento e selecione
padro no menu pop-up Opes de preenchimento.
2 Selecione um padro no menu pop-up Nome do padro.
Opes de preenchimento.
2 Clique na caixa Cor de preenchimento e selecione Outro no menu pop-up Nome do padro. 3 Navegue at o arquivo bitmap a ser usado como novo padro e clique em Abrir.
pop-up.
3 Siga qualquer um destes procedimentos:
Para adicionar uma nova amostra de cor, clique na rea abaixo da rampa de cores do gradiente. Para adicionar uma amostra de opacidade, clique na rea acima da rampa de cores do gradiente. Para remover uma amostra de cor ou opacidade do gradiente, arraste a amostra para fora da janela pop-up
Editar gradiente.
Para definir ou alterar a cor de uma amostra de cor, clique nessa amostra e selecione uma cor. Para definir ou alterar a transparncia de uma amostra de opacidade, clique nessa amostra e arraste o seletor at
a porcentagem de transparncia (0 completamente transparente e 100, completamente opaco) ou insira um valor de opacidade numrico de 0 a 100. Em seguida, pressione Enter ou clique fora da janela pop-up Editar gradiente. Nota: O padro de tabuleiro de damas de transparncia exibido atravs do gradiente em reas transparentes.
Para ajustar a transio entre cores no preenchimento, arraste as amostras de cor para a esquerda ou direita.
4 Selecione Pontilhamento.
Para mover o preenchimento dentro de um objeto, arraste a ala arredondada ou use a ferramenta Gradiente para
clicar em um novo local.
Para ajustar a largura e a inclinao do preenchimento, arraste uma ala quadrada. Para girar o preenchimento, arraste as linhas que conectam as alas.
Para girar um preenchimento em incrementos de 45 graus, mantenha pressionada a tecla Shift ao arrastar.
Clique no menu pop-up Borda no Inspetor de propriedades. Clique na caixa Cor de preenchimento do painel Ferramentas, clique em Opes de preenchimento e clique no
menu pop-up Borda.
2 Selecione uma opo de borda: Definida, Suavizao ou Difuso. 3 Para uma borda com difuso, selecione o nmero de pixels (entre 0 e 100) em cada lado da borda a receber difuso.
um estilo.
Selecione Nenhum no menu pop-up Opes de preenchimento do Inspetor de propriedades ou no menu pop-up
Opes de preenchimento da janela pop-up Opes de preenchimento.
Clique em qualquer caixa Cor de preenchimento e clique no boto Transparente. Essa opo remova apenas
preenchimentos slidos.
Use as opes de Traado no Inspetor de propriedades ou a janela pop-up Opes de traado para adicionar uma textura a um traado de pincel.
Clique no menu pop-up Textura do traado ou no menu pop-up Textura do preenchimento do Inspetor de
propriedades.
Clique na caixa Cor do traado ou Cor de preenchimento do painel Ferramentas, clique em Opes de traado
ou Opes de preenchimento e clique no menu pop-up Textura.
2 Siga um destes procedimentos:
Selecione uma textura no menu pop-up. Selecione Outra no menu pop-up e navegue at um arquivo de textura.
Nota: Texturas podem ser aplicadas a arquivos nos seguintes formatos: PNG, GIF, JPEG, BMP, TIFF e PICT (somente Mac OS).
3 Insira uma porcentagem de 0 (menor intensidade) a 100 (maior intensidade) para controlar a profundidade da
textura.
4 (Somente para preenchimentos) Selecione Transparente para introduzir um nvel de transparncia ao
preenchimento.
formatos: PNG, GIF, JPEG, BMP, TIFF e PICT (somente Mac OS).
Nome da textura.
2 Navegue at o arquivo bitmap a ser usado como a nova textura e clique em Abrir.
129
Alguns filtros (como Nveis automticos, Desfoque gaussiano e Tirar nitidez da mscara), que eram plug-ins ou
filtros irreversveis, agora tambm esto disponveis como Filtros em tempo real do Fireworks.
Voc pode adicionar plug-ins de terceiros como Filtros em tempo real ou pode usar esses filtros de maneira
tradicional no menu Filtros.
Quando o Inspetor de propriedades estiver aberto pela metade, clique em Editar filtros ou Adicionar filtros para
exibir o menu pop-up Filtros em tempo real. Nota: Um preenchimento recm-criado assume a cor atual exibida na caixa Cor de preenchimento do painel Ferramentas.
C D E
Janela de menu pop-up Bisel interno A. Largura do bisel B. Predefinio de bisel de boto C. Contraste D. Suavidade E. ngulo do bisel
pop-up Adicionar filtros em tempo real. O filtro adicionado lista Filtros em tempo real do objeto selecionado. Para aplicar um Filtro em tempo real de forma que ele afete somente uma seleo de pixels em uma imagem, recorte e cole essa seleo no local para criar uma imagem de bitmap, selecione a imagem e ento aplique o Filtro em tempo real.
2 Se um menu pop-up ou caixa de dilogo for aberto, insira as configuraes do filtro e siga um destes procedimentos:
Se o Filtro em tempo real tiver uma caixa de dilogo, clique em OK. Se o Filtro em tempo real tiver um menu pop-up, pressione Enter ou clique em qualquer local na rea de
trabalho.
3 Repita as etapas 1 e 2 para aplicar mais Filtros em tempo real.
Nota: A ordem na qual os Filtros em tempo real so aplicados afeta o filtro em geral. Arraste Filtros em tempo real para reorganizar a ordem de empilhamento.
Enter.
1 Clique no cone de adio (+) prximo ao rtulo Filtros no Inspetor de propriedades e selecione uma opo de bisel
no menu pop-up.
2 Edite as configuraes do filtro no menu pop-up.
Aplicar entalhes
O Filtro em tempo real de Entalhe d a uma imagem, um objeto ou um texto uma aparncia de baixo-relevo ou altorelevo na tela de desenho.
1 Clique no cone de adio (+) prximo ao rtulo Filtros no Inspetor de propriedades e selecione uma opo de
Se quiser que o objeto original aparea na rea com entalhe, selecione Mostrar objeto. Nota: Para compatibilidade com verses anteriores, em documentos antigos, a opo Mostrar objeto fica desmarcada para objetos com Filtros em tempo real de Entalhe.
Para definir a direo da sombra, arraste o seletor de ngulo. Para definir a distncia entre a sombra e o objeto, arraste o seletor de Distncia. Para aplicar cor slida sombra, selecione a opo Cor slida. Para definir a cor da sombra, abra o menu pop-up da cor e defina a cor da sombra. Para definir a porcentagem de transparncia na sombra, arraste o seletor de Opacidade.
Para definir a nitidez da sombra, arraste o seletor de Suavidade. Para ver uma visualizao da sombra, clique na opo Visualizar. Para ocultar o objeto e exibir apenas a sombra, selecione Suprimir.
Sombra e brilho > Sombra projetada. Sombra e brilho > Sombra interna.
2 Edite as configuraes do filtro no menu pop-up.
Aplicar um brilho
1 Clique no boto Adicionar filtros no Inspetor de propriedades e selecione Sombra e brilho > Brilho. 2 Edite as configuraes do filtro no menu pop-up:
Para definir a cor do brilho, clique na caixa de cor. Para definir a largura do brilho, arraste o seletor de Largura. Para definir a porcentagem de transparncia no brilho, arraste o seletor de Opacidade. Para definir a nitidez do brilho, arraste o seletor de Suavidade. Para definir a distncia entre o brilho e o objeto, arraste o seletor de Deslocamento.
Nota: Se voc mover os plug-ins para uma pasta diferente, repita as etapas anteriores ou selecione Editar > Preferncias e clique na guia Plug-ins para alterar o caminho at os plug-ins. Em seguida, reinicie o Fireworks.
4 Para aplicar o plug-in do Photoshop a um objeto selecionado, no Inspetor de propriedades, clique no cone de
adio (+) prximo ao rtulo Filtros e selecione um filtro no submenu Opes. Aplicar efeitos de camada do Photoshop Nota: Se voc importar um arquivo PSD, tambm poder editar efeitos de camada j existentes nesse arquivo.
1 No Inspetor de propriedades, clique no boto Adicionar filtros e selecione Photoshop Live Effects. 2 Selecione um dos efeitos no painel esquerdo e edite as configuraes no painel direito. possvel selecionar vrios
efeitos de uma vez. Aplicar filtros a objetos agrupados Quando voc aplica um filtro a um grupo, esse filtro aplicado a todos os objetos do grupo. Se os objetos estiverem desagrupados, as configuraes de filtro de cada um iro reverter para as aplicadas ao objeto individualmente. Para aplicar um filtro a um objeto individual em um grupo, selecione apenas esse objeto com a ferramenta Subseleo.
pop-up.
Um cone de estilo representando o Filtro em tempo real adicionado ao painel Estilos. Nota: Se voc selecionar propriedades adicionais na caixa de dilogo Novo estilo, o estilo deixar de ser um item no menu pop-up Adicionar filtros em tempo real do Inspetor de propriedades, embora permanea no painel Estilos como um estilo tpico.
Voc pode renomear ou excluir um Filtro em tempo real personalizado como faria com qualquer outro estilo no painel Estilos. No possvel renomear ou excluir um filtro padro do Fireworks.
Selecione Salvar como comando, no menu Opes do painel Histrico. Clique no boto Salvar, na parte inferior do painel Histrico.
5 Insira um nome de comando e clique em OK para adicion-lo ao menu Comandos.
135
Camadas
Cada objeto em um documento reside em uma camada. possvel criar camadas antes de desenhar ou adicionar camadas conforme necessrio. A tela de desenho fica abaixo de todas as camadas e, por si s, no uma camada.
O painel Camadas exibe o estado atual de todas as camadas no estado atual ou na pgina de um documento. O nome da camada ativa fica realado. A ordem de empilhamento a ordem na qual os objetos aparecem no documento e determina como os objetos em uma camada sobrepem os objetos em outra camada. O Fireworks insere a camada criada mais recentemente no topo da pilha. Voc pode reorganizar a ordem das camadas e dos objetos dentro delas e pode criar subcamadas e mover objetos at elas. Mscaras e controles de opacidade e modo de mesclagem tambm so mostrados no painel Camadas.
A B C
E F G H I
A. Expandir/Contrair camada B. Bloquear/desbloquear camada C. Mostrar/ocultar camada D. Camada ativa E. Excluir camada F. Camada nova/duplicada G. Nova subcamada H. Adicionar mscara I. Nova imagem de bitmap
Clique no boto Camada nova/duplicada Selecione Editar > Inserir > Camada.
Selecione Nova camada ou Nova subcamada, no menu Opes do painel Camadas ou no menu pop-up, e clique
em OK.
no painel Camadas.
Selecione a camada e clique no cone lixeira no painel Camadas. Selecione a camada e escolha Excluir camada, no menu Opes do painel Camadas ou no menu pop-up.
possvel usar a extenso Excluir camadas vazias para remover todas as camadas vazias normais e da Web em todos os estados e pginas do documento atual. Esta extenso est disponvel em http://www.adobe.com/go/learn_fw_deleteemptylayers_br.
Arraste uma camada at o boto Camada nova/duplicada. Selecione uma camada e escolha Duplicar camada, no menu Opes do painel Camadas ou no menu pop-up.
Em seguida, selecione o nmero de camadas duplicadas a serem inseridas e a posio que elas ocuparo na ordem de empilhamento. Como a Camada da Web sempre a superior, a opo No topo significa logo abaixo dessa camada.
Arraste uma camada com a tecla Alt (Windows), ou Option (Mac OS), pressionada.
Duplicar um objeto
Arraste um objeto com a tecla Alt (Windows), ou Option (Mac OS), pressionada.
Para expandir ou contrair uma nica camada, clique no tringulo esquerda do seu nome. Para expandir ou contrair todas as camadas, clique com a tecla Alt (Windows), ou Option (Mac OS), pressionada
no tringulo esquerda do nome da camada.
Organizar camadas
Voc pode organizar camadas e objetos em um documento nomeando-os e reorganizando-os no painel Camadas. Objetos podem ser movidos dentro de uma camada ou entre camadas. A movimentao de camadas e objetos no painel Camadas altera a ordem na qual os objetos aparecem na tela de desenho. Os objetos no topo de uma camada aparecem acima dos outros nessa camada, na tela de desenho. Os objetos na camada da extremidade superior aparecem na frente dos objetos em camadas inferiores. Nota: O painel Camadas rola automaticamente quando voc arrasta uma camada ou um objeto para cima ou para baixo, alm dos limites da rea de exibio.
Nota: Embora a Camada da Web no possa ser renomeada, voc pode renomear suas subcamadas e objetos da Web, como fatias e pontos de acesso.
Arraste o boto de rdio prximo ao nome da camada para outra camada. Clique uma vez na coluna direita da camada de destino.
Nota: Uma camada pai no pode ser arrastada at sua camada filho.
Uma marca de seleo indica que a Edio de uma nica camada est ativa.
Para mostrar ou ocultar vrias camadas ou objetos, arraste o ponteiro ao longo da coluna de Olho, no painel Para mostrar ou ocultar todas as camadas e objetos, selecione Mostrar tudo ou Ocultar tudo, no menu Opes do
painel Camadas ou no menu pop-up.
camadas.
ou Ctrl pressionada para selecionar vrios objetos. Voc pode mesclar o contedo de uma camada selecionada em um objeto de bitmap localizado na extremidade superior da camada que est logo abaixo da camada selecionada.
2 Siga um destes procedimentos:
Selecione Mesclar para baixo, no menu Opes do painel Camadas. Selecione Modificar > Mesclar para baixo. Clique com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, nos objetos selecionados
da tela de desenho e selecione Mesclar para baixo. Nota: O comando Mesclar para baixo no afeta fatias, pontos de acesso ou botes.
Compartilhar camadas
Ao compartilhar uma camada entre pginas ou estados, se voc atualizar um objeto nessa camada, far com que ele seja atualizado em todas as pginas ou estados. Compartilhe camadas quando quiser que objetos, como elementos de plano de fundo, apaream em todas as pginas de um site ou em todos os estados de uma animao. Para obter mais informaes, consulte http://www.adobe.com/go/learn_fw_usingpagesstates_br Nota: Subcamadas no podem ser compartilhadas entre pginas ou estados: selecione a camada pai a ser compartilhada.
No menu Opes do painel Camadas ou no menu pop-up, selecione Compartilhar camada para estados. Selecione Nova camada, no menu Opes do painel Camadas ou no menu pop-up, e selecione Compartilhar
entre estados. A camada compartilhada entre estados aparece com um cone de filme diante dela no painel Camadas.
A camada compartilhada entre pginas aparece com um cone de pgina diante dela no painel Camadas.
Mantenha o contedo da camada compartilhada somente no estado atual. Copie o contedo da camada compartilhada em todos os estados.
Mascaramento
Mscaras ocultam ou mostram partes de um objeto ou imagem. Voc pode usar vrias tcnicas de mascaramento para obter muitos tipos de efeitos criativos com objetos. Uma mscara pode servir como aparelho cortador, recortando e aparando objetos ou imagens subjacentes. Outras mscaras proporcionam um efeito de janela enevoada, revelando ou ocultando partes dos objetos abaixo delas. possvel criar um objeto de mscara a partir de um objeto de vetor (uma mscara de vetor) ou de um objeto de bitmap (uma mscara de bitmap). Tambm possvel usar texto (que cria uma mscara de vetor) e vrios objetos ou objetos agrupados para criar uma mscara. Depois de criar uma mscara, voc pode ajustar a posio da seleo mascarada na tela de desenho ou modificar a aparncia da mscara. Tambm pode aplicar transformaes mscara como um todo ou aos componentes de uma mscara individualmente.
Quando voc cria uma mscara de vetor, uma miniatura de mscara com um cone de caneta aparece no painel Camadas.
Quando uma mscara de vetor selecionada, o Inspetor de propriedades exibe informaes sobre como essa mscara aplicada. A metade inferior do Inspetor de propriedades exibe propriedades adicionais com as quais voc pode editar o preenchimento e o traado do objeto de mscara. Por padro, mscaras de vetor so aplicadas com o uso do seu contorno de caminho, mas voc tambm pode apliclas de outras maneiras.
Objetos originais e uma mscara de bitmap aplicada com o uso da sua aparncia em escala de cinza
Usando um objeto existente para mascarar outros objetos. Essa tcnica semelhante aplicao de uma mscara
de vetor.
Criando uma mscara vazia. Mscaras vazias comeam como transparentes ou opacas. Uma mscara transparente
(ou branca) mostra todo o objeto mascarado, enquanto uma mscara opaca (ou preta) oculta completamente o objeto mascarado. Voc pode usar as ferramentas de bitmap para desenhar no objeto de mscara ou modific-lo, revelando ou ocultando os objetos subjacentes. Quando voc cria uma mscara de bitmap, o Inspetor de propriedades exibe informaes sobre como essa mscara aplicada. Se voc escolher uma ferramenta de bitmap quando uma mscara de bitmap estiver selecionada, o Inspetor de propriedades exibir as opes e propriedades da mscara referentes ferramenta escolhida. Por padro, a maioria das mscaras de bitmap aplicada com o uso de sua aparncia em escala de cinza, embora essas mscaras tambm possam ser aplicadas com o uso de seus canais alfa.
objetos. Nota: Se voc usar vrios objetos como mscara, o Fireworks sempre criar uma mscara de vetor, mesmo que ambos os objetos sejam bitmaps.
2 Posicione a seleo de forma que ela sobreponha o objeto ou grupo a ser mascarado.
Essa seleo pode estar na frente ou atrs dos objetos a serem mascarados.
3 Selecione Editar > Recortar para recortar os objetos que voc deseja usar como mscara. 4 Selecione o objeto ou o grupo a ser mascarado.
Selecione Editar > Colar como mscara. Selecione Modificar > Mscara > Colar como mscara.
Nota: A ordem de empilhamento no importante, desde que os objetos a serem utilizados como contedo de colagem interna permaneam selecionados. Esses objetos podem estar acima ou abaixo do objeto de mscara no painel Camadas.
3 Selecione Editar > Recortar para mover os objetos at a rea de transferncia. 4 Selecione o objeto no qual voc deseja colar o contedo. Esse objeto ser usado como mscara (o caminho de
recorte).
Os objetos colados parecem estar dentro do objeto de mscara ou cortados por ele.
O Fireworks aplica uma mscara vazia ao objeto selecionado. O painel Camadas exibe uma miniatura de mscara que representa a mscara vazia.
3 (Opcional) Se o objeto mascarado for um bitmap, use uma das ferramentas de lao ou marca de seleo para criar
6 Com a mscara ainda selecionada, desenhe na mscara vazia. Nas reas em que voc desenhar, o objeto mascarado
transparente usando a seleo de pixels atual. Os outros pixels no objeto de bitmap ficam ocultos. Para obter o mesmo efeito, faa uma seleo de pixels e clique no boto Adicionar mscara.
Ocultar seleo Pode ser usado apenas com selees de pixels. Ocultar seleo aplica uma mscara de pixel opaca usando a seleo de pixels atual. Os outros pixels no objeto de bitmap so exibidos. Para obter o mesmo efeito, faa uma seleo de pixels e clique no boto Adicionar mscara com a tecla Alt (Windows), ou Option (Mac OS), pressionada.
Se voc tiver aplicado uma mscara do tipo Ocultar tudo, precisar selecionar uma cor diferente de preto.
5 Desenhe na mscara vazia. Nas reas em que voc desenhar, o objeto mascarado subjacente ficar oculto ou
3 Para mostrar a rea definida pela seleo de pixels, selecione Modificar > Mscara > Revelar seleo. Para ocult-
Uma mscara de bitmap aplicada com o uso da seleo de pixels. Voc pode editar ainda mais a mscara para revelar ou ocultar os pixels restantes do objeto mascarado usando as ferramentas de bitmap no painel Ferramentas.
Para selecionar uma mscara, clique na respectiva miniatura no painel Camadas. Para selecionar um objeto mascarado, clique na respectiva miniatura no painel Camadas.
Isso desvincula mscaras de objetos mascarados, de forma que eles possam ser movidos independentemente.
2 Selecione a miniatura de uma mscara ou objeto mascarado. 3 Arraste o(s) objeto(s) na tela de desenho com a ferramenta Ponteiro.
Nota: Se houver mais de um objeto mascarado selecionado, todos eles se movero em conjunto.
4 Para revincular os objetos mascarados mscara, clique entre as miniaturas dessa mscara, no painel Camadas.
Mover objetos mascarados independentemente da mscara usando a ala de movimentao 1 Usando a ferramenta Ponteiro, selecione a mscara na tela de desenho.
2 Arraste a ala de movimentao at um novo local.
Nota: Se houver mais de um objeto mascarado, todos os objetos mascarados se movero em conjunto. Mover objetos mascarados independentemente uns dos outros Clique no objeto com a ferramenta Subseleo para selecion-lo e arraste o objeto. Essa a nica maneira de selecionar e mover um objeto mascarado individual sem mover outros objetos mascarados.
Editar mscaras
Ao modificar a posio, a forma e a cor de uma mscara, voc pode alterar a visibilidade dos objetos mascarados. Tambm possvel alterar o tipo de mscara e a forma como ela aplicada. Alm disso, mscaras podem ser substitudas, desabilitadas ou excludas. Os resultados da edio de uma mscara ficam imediatamente visveis na miniatura do painel Camadas, mesmo quando o objeto de mscara propriamente dito no est visvel na tela de desenho. Objetos mascarados tambm podem ser modificados. Voc pode reorganizar objetos mascarados sem mover a mscara. Tambm pode adicionar outros objetos mascarados a um grupo de mscaras existente.
Desenhe em uma mscara de bitmap com qualquer uma das ferramentas de desenho de bitmap. Mova as pontas de um objeto de mscara de vetor com a ferramenta Subseleo.
2 Selecione a miniatura do objeto mascarado no painel Camadas. 3 Selecione Editar > Colar como mscara. 4 Selecione Adicionar quando lhe for perguntado se voc deseja substituir a mscara existente ou acrescent-la.
transformao mscara. Voc pode aplicar uma transformao ao objeto de mscara isoladamente, desvinculando primeiro a mscara dos objetos mascarados no painel Camadas e, em seguida, realizando a transformao.
Nota: Usar o comando Colar dentro em uma mscara existente no mostrar o traado e o preenchimento do objeto de mscara, a no ser que a mscara original tenha sido aplicada com o uso do seu traado e preenchimento.
No menu Opes do painel Camadas, selecione Desativar mscara ou Ativar mscara. Selecione Modificar > Mscara > Desativar mscara ou Modificar > Mscara > Ativar mscara.
Um X vermelho aparecer na miniatura de mscara quando ela estiver desativada. Clicar no X ativa a mscara.
No menu Opes do painel Camadas, selecione Excluir mscara. Selecione Modificar > Mscara > Excluir mscara. Arraste a miniatura de mscara at o cone de lixeira, no painel Camadas.
2 Escolha se deseja aplicar ou descartar o efeito da mscara sobre os objetos mascarados antes de excluir a mscara:
Aplicar Mantm as alteraes feitas no objeto, mas a mscara deixa de ser editvel. Se o objeto que estiver sendo mascarado for um objeto de vetor, a mscara e esse objeto de vetor sero convertidos em uma nica imagem de bitmap. Descartar Elimina as alteraes feitas e restaura o objeto ao seu formato original.
Uma mscara de vetor aplicada usando seu contorno de caminho com o comando Mostrar preenchimento e traado ativado
Ao aplicar uma mscara de bitmap com o uso do seu canal alfa, voc pode criar uma mscara que seja semelhante a uma mscara de vetor aplicada com o uso do seu contorno de caminho. A transparncia do objeto de mscara afeta a visibilidade do objeto que est sendo mascarado.
Tanto mscaras e vetor quanto mscaras de bitmap podem ser aplicadas com o uso de suas aparncias em escala de cinza. A clareza os pixels da mscara determina o quanto do objeto mascarado exibido. Pixels claros exibem o objeto mascarado, enquanto pixels mais escuros suprimem a imagem e mostram o plano de fundo. Essa tcnica criar efeitos interessantes se o objeto de mscara contiver um preenchimento de padro ou gradiente.
Uma mscara de vetor com um preenchimento de padro aplicado usando sua aparncia em escala de cinza
Voc pode converter mscaras de vetor em mscaras de bitmap, mas no pode converter mscaras de bitmap em mscaras de vetor.
Aplicar uma mscara de vetor ou bitmap usando sua aparncia em escala de cinza
Selecione Aparncia da escala de cinza no Inspetor de propriedades quando uma mscara estiver selecionada.
Mesclagem e transparncia
Composio o processo de variao da transparncia ou da interao de cores entre dois ou mais objetos sobrepostos. No Fireworks, modos de mesclagem permitem criar imagens compostas.
Quando objetos com diferentes modos de mesclagem so agrupados, o modo de mesclagem do grupo sobrepe os modos de mesclagem individuais. Desagrupar os objetos restaura o modo de mesclagem individual de cada objeto. Nota: Modos de mesclagem de camadas no funcionaro em documentos de smbolos.
Modos de mesclagem
O uso do modo de matiz, saturao e mesclagem de cores funciona da mesma forma que no Photoshop. Para obter mais informaes sobre modos de mesclagem, veja o artigo de Jim Babbage em sobre modos de mesclagem.
Normal No aplica um modo de mesclagem. Dissolver Escolhe cores aleatoriamente entre a camada atual e de plano de fundo para criar o efeito de mesclagem. Escurecer Seleciona a mais escura da cor de mesclagem e da cor de base a ser usada como cor resultante. Esse modo
forma a refletir a cor de mesclagem ao aumentar o brilho. O efeito geral clarear a imagem. A cor neutra preta e, portanto, uma mesclagem de Subexposio linear com preto no ter efeito.
Sobrepor Multiplica ou reticula as cores, dependendo da cor base. Padres ou cores fazem a superposio dos pixels
existentes ao mesmo tempo em que preservam os realces e as sombras da cor base. A cor base no substituda e sim combinada cor de mesclagem de forma a refletir a claridade ou a escurido da cor original.
Luz suave Escurece ou clareia as cores, dependendo da cor de mesclagem. O efeito como iluminar um projetor difuso na imagem. Se a cor de mesclagem (fonte de luz) for mais clara do que 50% de cinza, a imagem ser clareada como foi subexposta. Se a cor de mesclagem for mais escura do que 50% de cinza, a imagem ser escurecida como foi superexposta. Pintar com preto ou branco puro gera uma rea nitidamente mais clara ou escura, mas no resulta em preto ou branco puro. Luz Direta Multiplica ou reticula as cores, dependendo da cor de mesclagem. O efeito como iluminar um projetor
irregular na imagem. Se a cor de mesclagem (fonte de luz) for mais clara do que 50% de cinza, a imagem ser clareada como foi reticulada. Isso til para a incluso de realces em uma imagem. Se a cor de mesclagem for mais escura do
que 50% de cinza, a imagem ser escurecida como foi multiplicada. Isso til para a incluso de sombras em uma imagem. A pintura com preto ou branco puro resulta em preto ou branco puro.
Luz vvida Um modo de mesclagem com aumento do contraste que combina os efeitos dos modos Superexposio de cores e Subexposio de cores. Se a cor de mesclagem for mais escura do que um tom intermedirio de cinza, Luz vvida ir escurecer ou superexpor a imagem ao aumentar o contraste. Caso contrrio, a imagem ser clareada ou subexposta ao diminuir o contraste. Luz linear Uma combinao de Superexposio linear e Subexposio linear que ajusta o brilho. Se a cor de mesclagem
for mais escura do que um tom intermedirio de cinza, Luz linear diminuir o brilho da imagem. Caso contrrio, Luz linear aumentar o brilho da imagem.
Luz de refletor Substitui a cor, dependendo da cor de mesclagem. Se a cor de mesclagem for mais clara do que 50% cinza, os pixels mais escuros do que essa cor de mesclagem sero substitudos. Se a cor de mesclagem for mais escura do que 50% cinza, os pixels mais claros do que essa cor de mesclagem sero substitudos. Mistura slida Reduz as cores em uma imagem para apenas oito cores puras. Diferena Subtrai a cor de mesclagem da cor base, ou a cor base da cor de mesclagem. A cor com menos brilho
resultante.
Saturao Combina a saturao da cor de mesclagem com a luminncia e o matiz da cor base para criar a cor
resultante.
Cor Combina o matiz e a saturao da cor de mesclagem com a luminncia da cor base para criar a cor resultante. Esse modo preserva os nveis de cinza para colorir imagens monocromticas e pintar imagens coloridas. Luminosidade Combina a luminncia da cor de mesclagem com o matiz e a saturao da cor base. Inverter Inverte a cor base. Tom Adiciona cinza cor base. Apagar Remove todos os pixels da cor base, incluindo os pixels da imagem de plano de fundo.
Para obter informaes gerais e exemplos referentes aos modos de mesclagem (em particular, aos modos de mesclagem do Photoshop), visite o seguinte site: www.pegtop.net/delphi/articles/blendmodes/.
Imagem original
Normal
Multiplicar
Tela
Escurecer
Clarear
Diferena
Matiz
Saturao
Cor
Luminosidade
Inverter
Tom
Apagar
Inspetor de propriedades antes de desenhar o objeto. Nota: Opes de mesclagem e opacidade no esto disponveis para todas as ferramentas.
painel Camadas.
3 Selecione uma configurao no seletor pop-up de Opacidade ou digite um valor na caixa de texto.
Definir um modo de mesclagem e um nvel de opacidade padro a serem aplicados aos objetos medida que eles forem desenhados
1 Escolha Selecionar > Cancelar seleo para evitar a aplicao acidental de um modo de mesclagem e uma
opacidade.
2 Com uma ferramenta de desenho de vetor ou bitmap selecionada, escolha um modo de mesclagem e um nvel de
opacidade no Inspetor de propriedades. O modo de mesclagem e o nvel de opacidade selecionados so usados como padro para qualquer objeto subseqentemente desenhado com essa ferramenta.
157
Estilos
Voc pode salvar e reaplicar um conjunto de atributos predefinidos de preenchimento, traado, filtro e texto criando um estilo. Quando um estilo aplicado a um objeto, esse objeto assume as caractersticas dos estilos. Nota: Objetos de bitmap recebem apenas os atributos de filtro de um estilo.
O Fireworks tem muitos estilos predefinidos. Voc pode adicionar, alterar e remover estilos. O DVD do Fireworks e o site da Adobe na Web tm muitos mais estilos predefinidos que podem ser importados no Fireworks. Tambm possvel exportar estilos e compartilh-los com outros usurios do Fireworks ou importar estilos de outros documentos do Fireworks.
Aplicar um estilo
Use o painel Estilos para criar, armazenar e aplicar a variedade completa de estilos a objetos, textos, grupos e formas automticas. Para ter rpido acesso ao subconjunto de estilos disponveis em um documento, use o menu de estilos atuais no Inspetor de propriedades.
1 Selecione os objetos na tela de desenho aos quais deseja aplicar um estilo. 2 Selecione Janela > Estilos para exibir o painel Estilos. 3 Escolha Documento atual, para acessar estilos atualmente em uso, ou selecione um estilo predefinido no menu pop-
up, para acessar estilos predefinidos do Fireworks. Nota: Se no houver estilos em um documento, o painel Estilos permanecer em branco at voc selecionar um dos estilos predefinidos.
4 Clique em um estilo no painel.
Tipo e cor de preenchimento, incluindo padres, texturas e atributos de gradiente de vetor, como ngulo, posio
e opacidade
Tipo e cor de traado Filtros Atributos de texto, como fonte, tamanho de pontos, estilo (negrito, itlico ou sublinhado), alinhamento, suavizao
de borda, kerning automtico, escala horizontal, rastreamento e entrelinha Se voc excluir um estilo personalizado, no poder recuper-lo; entretanto, qualquer objeto que esteja utilizando esse estilo manter seus atributos.
Criar um estilo
1 Crie ou selecione um objeto vetorial, texto, grupo ou forma automtica com um traado, preenchimento, filtro ou
Nota: Para salvar outros atributos de texto, use a opo Outro texto.
4 Nomeie o estilo clique em OK.
Renomeao de um estilo
1 Selecione um estilo no painel Estilos. 2 Selecione Renomear estilo, no menu Opes do painel Estilos. 3 Digite um novo nome para o estilo e clique em OK.
Excluir um estilo
1 Selecione um estilo no painel Estilos.
Clique com a tecla Shift pressionada para selecionar vrios estilos; clique com a tecla Control (Windows), ou Command (Mac OS), pressionada para selecionar vrios estilos no adjacentes.
2 Clique no boto Excluir estilo
Editar um estilo
1 Escolha Selecionar > Cancelar seleo para cancelar a seleo de qualquer objeto na tela de desenho. 2 Clique duas vezes em um estilo no painel Estilos. 3 Na caixa de dilogo Editar estilo, selecione ou cancele a seleo de atributos. 4 Clique em OK para aplicar as alteraes ao estilo.
Redefinir um estilo
1 Na tela de desenho, selecione um objeto que utiliza o estilo. 2 No Inspetor de propriedades, modifique os filtros aplicados e clique no boto Redefinir estilo.
Nota: Quando um estilo redefinido a partir de um grupo, apenas os efeitos so redefinidos. Todos os atributos de caminho so ignorados. Para substituir rapidamente um estilo por outro nos estilos do Documento atual, arraste um deles com a tecla Alt (Windows), ou Option (Mac OS), pressionada at o outro no painel Estilos.
Importar estilos
1 Selecione Importar biblioteca de estilos no menu Opes do painel Estilos. 2 Selecione uma biblioteca de estilos (*.stl) a ser importada. A biblioteca de estilos fica disponvel em vrios
2 Selecione uma biblioteca de estilos (*.stl) a ser carregada no documento atual. Os estilos carregados esto
Se o Inspetor de propriedades estiver minimizado, escolha Quebrar vnculo com o estilo no menu do painel Estilos.
Duplicar um estilo
1 Selecione um estilo no painel Estilos. 2 Selecione Duplicar estilo, no menu Opes do painel Estilos.
Smbolos
Elementos grficos reutilizveis no Fireworks so referidos como smbolos. O Fireworks tem trs tipos de smbolos: grfico, animao e boto. Quando o objeto de smbolo original editado, as ocorrncias copiadas so alteradas automaticamente para refletir o smbolo editado (a menos que voc quebre o vnculo entre os dois). Os smbolos tambm so teis para criar botes e animar objetos em vrios estados. Para obter mais informaes sobre smbolos, consulte Compreender estilos e smbolos no dev center.
Criar um smbolo
possvel criar um smbolo a partir de qualquer objeto, bloco de texto ou grupo e ento armazen-lo na guia Biblioteca comum do painel Ativos. Nessa guia, voc pode editar o smbolo e inseri-lo em seus documentos.
biblioteca comum.
6 Clique em OK para salvar o smbolo.
O objeto selecionado se torna uma ocorrncia do smbolo e o Inspetor de propriedades exibe opes de smbolos.
Selecione Editar > Inserir > Novo smbolo. Selecione Novo smbolo, no menu Opes do painel Biblioteca de documentos.
2 Selecione um tipo de smbolo. 3 Para usar guias de escala com 9 fatias para dimensionar o smbolo, selecione a opo Ativar guias de escala com 9
Editar um smbolo
1 Para entrar no modo de edio de smbolos, siga um destes procedimentos:
Na tela de desenho, clique duas vezes em uma ocorrncia de smbolo. Selecione uma ocorrncia e escolha Modificar > Smbolo > Editar smbolo. No painel Biblioteca de documentos, clique duas vezes no cone de smbolo. (Somente para smbolos de animao) Clique no boto Editar da caixa de dilogo Animar.
2 Altere o smbolo conforme necessrio.
Nota: Se o smbolo selecionado no estiver habilitado para escala com 9 fatias, voc poder edit-lo no prprio contexto. Escolha Modificar > Smbolo > Editar no local. Use a escala com 9 fatias para evitar distoro ao redimensionar o smbolo. (Consulte Escala com 9 fatias na pgina 51.)
Na tela de desenho, clique duas vezes em uma rea vazia. Na bandeja localizada na parte superior do painel do documento, clique no cone de pgina ou na seta para voltar.
(Se o smbolo estiver aninhado, a bandeja tambm fornecer acesso ao smbolo de contedo.)
Renomear um smbolo
1 No painel Biblioteca de documentos, clique duas vezes no nome do smbolo. 2 Na caixa de dilogo Converter em smbolo, altere o nome e clique em OK.
Duplicar um smbolo
1 No painel Biblioteca de documentos, selecione o smbolo. 2 Selecione Duplicar, no menu Opes do painel Biblioteca de documentos. 3 Se desejar, altere o nome e o tipo da duplicata e clique em OK.
Alternar um smbolo
1 Na tela de desenho, clique com o boto direito em um smbolo e selecione Alternar smbolo. 2 Na caixa de dilogo Alternar smbolo, selecione outro smbolo na Biblioteca de documentos e clique em OK.
A ocorrncia selecionada se torna um grupo. O smbolo no painel Biblioteca de documentos deixa de estar associado a esse grupo. Aps a separao do smbolo, uma ocorrncia de boto anterior perde suas caractersticas de smbolo de boto, e uma ocorrncia de animao anterior perde suas caractersticas de smbolo de animao.
Essas propriedades de ocorrncias podem ser modificadas sem afetar o smbolo e outras ocorrncias:
Para criar botes interativos para prottipos da Web e de software baseados em HTML, consulte Fatias interativas na pgina 177.
Esse smbolo pode ter a cor do marcador e o nmero do marcador como opes personalizveis.
2 Ao criar o objeto, personalize os nomes dos recursos que voc deseja que sejam editveis. Para tanto, digite um
nome no painel Camadas. Por exemplo, um campo de texto editvel pode se chamar "rtulo". Esse nome usado no arquivo JavaScript. Nota: Para evitar erros de JavaScript, no inclua espaos em nomes de recursos. Por exemplo, use "nmero_do_rtulo", mas no "nmero do rtulo.
3 Selecione o objeto e escolha Modificar > Smbolo > Converter em smbolo. 4 Digite um nome para o smbolo na caixa Nome. 5 Selecione Grfico como tipo de smbolo, selecione Salvar na biblioteca comum e clique em OK. 6 No prompt, salve o novo smbolo na pasta Custom Symbols ou crie outra pasta no mesmo nvel como a padro.
Nota: Smbolos componentes devem ser salvos em uma pasta na Biblioteca comum. Depois de salvo, o smbolo removida da tela de desenho e aparece na Biblioteca personalizada.
7 No menu Comandos, selecione Criar script de smbolo.
8 Clique no boto Procurar, no canto superior direito do painel, e navegue at o arquivo PNG do smbolo. O local
padro o seguinte:
texto no rtulo, selecione textChars. Nota: Para obter mais informaes sobre essas opes de atributos, consulte Extenso do Fireworks.
12 No campo Nome da propriedade, digite o nome da propriedade personalizvel; por exemplo "Rtulo" ou
Depois de criar o arquivo JavaScript, possvel criar uma ocorrncia arrastando o smbolo at a tela de desenho. Em seguida, voc pode alterar seus atributos no painel Propriedades do smbolo. Nota: Se voc remover ou renomear um objeto referenciado pelo script, o painel Propriedades do smbolo comunicar erros.
O painel Criar script de smbolo permite que usurios no programadores atribuam alguns simples atributos de smbolo e criem o arquivo JavaScript automaticamente. Para abrir esse painel, selecione Criar script de smbolo, no menu Comandos. Criar o arquivo JavaScript Duas funes no arquivo JavaScript devem ser definidas para adicionar parmetros editveis ao smbolo:
funo setDefaultValues() define os parmetros que podem ser editados e os valores padro desses
parmetros.
funo applyCurrentValues() aplica os valores inseridos no painel Propriedades do smbolo ao smbolo
//Value is the default Value that is displayed when Component symbol loads first time. In this case, Blue will be the default color when the Component symbol is used. //Color is the Type of Parameter that is displayed. Color will invoke the Color Popup box in the Symbol Properties Panel. currValues.push({name:"BG Color", value:"#003366", type:"Color"}); Widget.elem.customData["currentValues"] = currValues; } function applyCurrentValues() { var currValues = Widget.elem.customData["currentValues"]; //color_bg is the Layer name in the PNG that will change colors var color_bg = Widget.GetObjectByName("color_bg"); color_bg.pathAttributes.fillColor = currValues[0].value; } switch (Widget.opCode) { case 1: setDefaultValues(); break; case 2: applyCurrentValues(); break; default: break; }
Para compreender melhor como o arquivo .JSF pode ser usado para personalizar as propriedades de um smbolo, explore os componentes de amostra inclusos com o software.
Tambm possvel importar smbolos de arquivos PNG de biblioteca anteriormente exportados, localizados no disco rgido, em um CD ou na rede.
Arraste uma ocorrncia de smbolo a partir do documento que contm o smbolo at o documento de destino. Copie uma ocorrncia de smbolo no documento que contm o smbolo e cole-a no documento de destino.
O smbolo importado no painel Biblioteca de documentos do documento de destino e mantm um relacionamento com o smbolo no documento original.
Exportar smbolos
1 Selecione Exportar smbolos, no menu Opes do painel Biblioteca de documentos. 2 Selecione os smbolos a serem exportados e clique em Exportar. 3 Navegue at uma pasta, digite um nome para o arquivo de smbolo e clique em Salvar.
Nota: Para atualizar todos os smbolos importados, selecione todos os smbolos no painel Biblioteca de documentos e escolha Atualizar.
de vetor.
2 Clique com o boto direito no retngulo e selecione Converter em smbolo. 3 Na caixa de dilogo Converter em smbolo, faa o seguinte: a Digite um nome para o smbolo. Por exemplo, nomeie-o como Smbolo A. b Se voc estiver planejando aplicar a escala com 9 fatias ao smbolo, selecione Ativar guias de escala com 9 fatias. 4 Clique duas vezes no cone +, no centro do smbolo. 5 Repita as etapas de um a quatro para criar outro smbolo, Smbolo B. Como o Smbolo B criado dentro do Smbolo
A, o Smbolo B um smbolo aninhado do Smbolo A. Nota: possvel criar mais de um smbolo aninhado.
Selecione Ativar guias de escala com 9 fatias quando for criar o smbolo.
Certifique-se de que voc est no modo Editar do smbolo que deseja dimensionar. Clique duas vezes no cone +
no smbolo interno para mudar para seu modo de edio. Quando for transformar smbolos aninhados com base na configurao de escala com 9 fatias, voc poder dimensionar os smbolos aninhados individualmente. Por exemplo, considere um smbolo aninhado em trs nveis Smbolo A dentro do Smbolo B, que est dentro do Smbolo C. Voc pode dimensionar o Smbolo A (mais interno) e o Smbolo B (intermedirio) usando as respectivas guias de 9 fatias. Certifique-se de que voc est no modo Editar do smbolo interno para usar a escala com 9 fatias. No modo de edio no local, a escala com 9 fatias para smbolos aninhados pode ser visualizada somente pelo painel Biblioteca. Clicar duas vezes em um smbolo na tela de desenho no exibe as guias da escala com 9 fatias.
Nota: Se o painel Biblioteca de documentos no estiver visvel, selecione Janela > Biblioteca de documentos para exibir o painel.
3 Na caixa de dilogo Converter em smbolo, selecione Ativar guias de escala com 9 fatias.
URLs
Atribuir um URL a um objeto da Web cria um vnculo com um arquivo, como uma pgina da Web. possvel atribuir URLs a fatias, pontos de acesso e botes. Para armazenar, editar e organizar URLs para reutilizao, crie uma biblioteca de URLs no painel URL. Por exemplo, se o seu site contiver vrios botes de navegao para retornar pgina inicial, adicione o URL para a pgina inicial ao painel URL. Em seguida, atribua esse URL a cada boto de navegao, selecionando-o na biblioteca de URLs. Use o recurso Localizar e substituir para alterar um URL em vrios documentos (consulte Localizao e substituio na pgina 291). Bibliotecas de URLs esto disponveis para todos os documentos do Fireworks e so salvas entre sesses.
Para vincular uma pgina da Web que esteja alm do seu prprio site, use um URL absoluto. Para vincular uma pgina da Web que esteja no seu site, use um URL relativo ou absoluto.
URLs absolutos so completos, incluindo o protocolo de servidor, que geralmente http:// para pginas da Web. Por exemplo, http://www.adobe.com/support/fireworks o URL absoluto da pgina de Suporte do Fireworks. URLs absolutos permanecem precisos, independentemente do local do documento de origem, mas no faro o vnculo corretamente se o documento de destino for movido. URLs relativos so relativos pasta que contm o documento de origem. Em geral, URLs relativos so mais simples de usar no caso de links para arquivos na mesma pasta que o documento atual. Estes exemplos mostram a sintaxe de navegao de URLs relativos:
file.htm cria um link com um arquivo localizado na mesma pasta que o documento de origem. ../../file.htm cria um link com um arquivo localizado na pasta dois nveis acima daquela que contm o documento
de origem. Cada ../ representa um nvel.
htmldocs/file.htm cria um link para um arquivo localizado em uma pasta denominada htmldocs, que est na pasta
contendo o documento de origem.
Selecione Adicionar URL, no menu Opes do painel URL, insira um URL absoluto ou relativo e clique em OK. Insira um URL na caixa Link e clique no sinal de adio (+).
O URL aparece no painel de visualizao de URLs.
Editar URLs
Edite uma nica ocorrncia de um URL ou faa com que uma alterao afete todas as ocorrncias.
1 Selecione o URL no painel no painel de visualizao de URLs. 2 Selecione Editar URL, no menu Opes do painel URL. 3 Edite o URL. 4 Para atualizar este link no documento, selecione Alterar todas as ocorrncias no documento.
Exportar URLs
1 Selecione Exportar URL, no menu Opes do painel URL. 2 Insira um nome de arquivo e clique em Salvar.
Importar URLs
1 Selecione Importar URL, no menu Opes do painel URL. 2 Selecione um arquivo HTML e clique em Abrir.
172
Essa tcnica corta um documento em vrias partes, que so exportadas como arquivos separados.
Nota: Para ajustar a posio de uma fatia enquanto voc arrasta para desenh-la, mantenha pressionado o boto do mouse, pressione e segure a barra de espao e arraste a fatia at outro local na tela de desenho. Solte a barra de espao para continuar a desenhar a fatia.
objeto selecionado.
2 Se mais de um objeto for selecionado, escolha Simples para criar um nico objeto de fatia que abranja todos os
objetos selecionados ou escolha Mltipla para criar um objeto de fatia para cada objeto selecionado.
2 Clique para inserir os pontos de vetor do polgono. Isso necessrio porque a ferramenta Fatia poligonal desenha
clicar no primeiro ponto para fechar o polgono. Nota: Fatias poligonais combinam tabelas HTML com mapas de imagem, exigindo mais cdigo do que fatias retangulares semelhantes. O uso de muitas fatias poligonais pode aumentar o tempo de processamento em um navegador da Web.
Fatias HTML so teis para a rpida atualizao do texto de um site, sem criar novos grficos. Nota: Como possvel definir o tipo e o tamanho da fonte no navegador, as fatias de texto HTML podem ter aparncia variada quando visualizadas em diferentes navegadores e em diferentes sistemas operacionais.
1 Desenhe um objeto de fatia. 2 Com o objeto de fatia selecionado, escolha HTML no menu pop-up Tipo do Inspetor de propriedades. 3 Clique em Editar. 4 Digite texto na janela Editar fatia HTML e formate-o adicionando marcas de formatao de texto HTML.
Nota: Como alternativa, aplique marcas de formatao de texto HTML depois de exportar o HTML.
5 Clique em OK para aplicar as alteraes e fechar a janela Editar fatia HTML.
O texto e as marcas HTML inseridos aparecem no arquivo PNG do Fireworks como cdigo HTML bruto no corpo da fatia.
Para mostrar uma fatia oculta, clique na coluna de Olho para ativar novamente a visibilidade. Para ocultar ou mostrar todos os pontos de acesso, fatias e guias, clique no boto Ocultar/Mostrar fatias
apropriado, na seo de ferramentas da Web do painel Ferramentas, ou clique no cone de olho ao lado da Camada da web no painel Camadas.
Para ocultar ou mostrar guias de fatia em qualquer exibio do documento, selecione Exibir > Guias de fatia.
Para alterar a cor de um objeto de fatia selecionado, no Inspetor de propriedades, selecione uma nova cor na caixa
de texto.
Para alterar a cor de guias de fatia, escolha Editar > Preferncias (Windows) ou Fireworks > Preferncias (Mac OS).
Em seguida, selecione uma nova cor de Guias de fatia na categoria Guias e grades da caixa de dilogo Preferncias. Nota: Quando voc visualizar o documento, as fatias desmarcadas ficaro visveis com uma superposio branca.
Editar fatias
Trabalhar com um layout de fatia semelhante a usar uma tabela em um aplicativo de processamento de texto. Quando voc arrasta uma guia de fatia para redimensionar uma fatia, todas as fatias retangulares adjacentes tambm so redimensionadas. Tambm possvel usar o Inspetor de propriedades para redimensionar e transformar fatias.
Nota: Se voc arrastar as guias de fatia ao redor de um boto do Fireworks na janela do documento, o Fireworks ir redimensionar a fatia que define a rea ativa desse boto. No possvel excluir a rea ativa de um boto do Fireworks ao arrastar as guias de fatia ao seu redor. Se vrios objetos de fatia estiverem alinhados ao longo de uma nica guia de fatia, arraste essa guia para redimensionar todos os objetos de fatia simultaneamente.
Se voc arrastar uma guia ao longo de uma determinada coordenada, todas as outras guias nessa coordenada se movero com ela.
Todas as guias de fatia pelas quais voc arrastou sero movidas at esse local. Para cancelar essa operao e retornar todas as guias de fatia para suas posies originais, solte a tecla Shift antes de soltar o boto do mouse.
Selecione a ferramenta Ponteiro ou Subseleo e arraste os pontos de vrtice da fatia para modificar sua forma. Use uma ferramenta de transformao para realizar a transformao. A transformao de uma fatia retangular
pode alterar sua forma, sua posio ou suas dimenses, mas a fatia propriamente dita permanece retangular.
Use o Inspetor de propriedades para alterar a posio e o tamanho de um objeto de fatia numericamente.
Ao arrastar um smbolo de boto da Biblioteca comum para a pgina, criada automaticamente uma fatia visvel na tela de desenho, mas invisvel na camada da Web. Se voc selecionar uma fatia na tela de desenho com a ferramenta Ponteiro e exclu-la, o smbolo de boto inteiro ser excludo. Para reter o grfico subjacente, selecione a fatia/objeto na tela de desenho com a ferramenta Ponteiro e selecione Modificar > Smbolo > Separar. A fatia desaparecer e o grfico de boto do estado n. 1 ser mantido. Entretanto, os grficos dos estados 2, 3 e 4 so perdidos quando um smbolo de boto separado.
Fatias interativas
O Fireworks fornece duas maneiras de tornar fatias interativas:
Para interatividade simples, use o mtodo de sobreposio de arrastar e soltar. Para interatividade mais complexa, use o painel Comportamentos. Os comportamentos no Fireworks so
compatveis com os comportamentos no Adobe Dreamweaver. Ao exportar uma sobreposio do Fireworks para o Dreamweaver, voc pode editar comportamentos do Fireworks usando o painel Comportamentos do Dreamweaver.
Ao arrastar a ala de comportamento a partir de uma fatia de acionamento e solt-la em uma fatia de destino, voc pode criar facilmente efeitos de sobreposio e imagens de troca. A fatia de acionamento e a de destino podem ser a mesma fatia.
Nota: Pontos de acesso tambm tm alas de comportamento para a incorporao de efeitos de sobreposio.
Sobre sobreposies
Todas as sobreposies funcionam da mesma maneira: quando o ponteiro do mouse passa por um grfico, essa ao aciona a exibio de outro grfico. O acionador sempre um objeto da Web (uma fatia, um ponto de acesso ou um boto). A sobreposio mais simples troca uma imagem no Estado 1 por uma imagem diretamente abaixo dela, no Estado 2. Tambm possvel construir sobreposies mais complexas. Sobreposies de imagens de troca podem alternar imagens de qualquer estado. Sobreposies de disjuno alternam uma imagem de uma fatia que no seja a fatia de acionamento.
Quando voc seleciona um objeto da Web de acionamento usando uma ala de comportamento ou o painel Comportamentos, todas as relaes de comportamento so exibidas.
Por padro, uma linha de comportamento azul representa uma interao de sobreposio.
1 Verifique se o objeto de acionamento no est em uma camada compartilhada. 2 Selecione Editar > Inserir > Fatia retangular ou Fatia poligonal para criar uma fatia na parte superior do objeto de
acionamento.
3 Crie um novo estado no painel Estados, clicando no boto Estado novo/duplicado. 4 Crie, cole ou importe uma imagem a ser usada como imagem de troca no novo estado.
Posicione a imagem embaixo da fatia criada na etapa 2. Embora voc esteja no estado 2, a fatia visvel.
5 Selecione Estado 1 no painel Estados para retornar ao estado que possui a imagem original. 6 Selecione a fatia e posicione o ponteiro sobre a ala de comportamento.
Primeiro, voc precisa configurar a fatia de acionamento, a fatia de destino e o estado no qual reside a imagem de troca. Em seguida, pode vincular a fatia de acionamento fatia de destino com uma linha de comportamento. O acionador de uma sobreposio de disjuno pode ser uma fatia, um ponto de acesso ou um boto.
1 Selecione Editar > Inserir > Fatia retangular, Fatia poligonal ou Ponto de acesso para anexar uma fatia ou um ponto
de acesso imagem de acionamento. (Omita essa etapa se o objeto selecionado for um boto ou se uma fatia ou um ponto de acesso j estiver cobrindo a imagem.)
2 Crie um novo estado clicando no boto Estado novo/duplicado, no painel Estados. 3 Insira uma segunda imagem (o destino) no novo estado. 4 Insira o estado em qualquer local da tela de desenho, exceto embaixo da fatia criada na etapa 1. 5 Selecione a imagem e escolha Editar > Inserir > Fatia retangular ou Fatia poligonal para anexar uma fatia imagem. 6 Selecione Estado 1 no painel Estados para retornar ao estado que possui a imagem original. 7 Selecione a fatia, o ponto de acesso ou o boto que abrange a rea de acionamento (a imagem original) e posicione
A linha de comportamento se estende do centro do acionador at o canto superior esquerdo da fatia de destino, e a caixa de dilogo Alternar imagem aberta.
9 No menu pop-up Alternar imagem de, selecione o estado criado na etapa 2 e clique em OK. 10 Visualize e teste a sobreposio de disjuno.
1 Arraste uma ala de comportamento a partir da fatia selecionada at a borda da mesma fatia ou at outra fatia.
Para criar uma imagem de troca, arraste a ala at a borda superior esquerda da mesma fatia.
Remover uma sobreposio de arrastar e soltar de uma fatia, ponto de acesso ou boto
Clique na linha de comportamento azul que voc deseja remover e clique em OK.
Opes de comportamento
Nota: O mtodo de sobreposio de arrastar e soltar recomendado para sobreposies simples, de disjuno e complexas.
Sobreposio simples Adiciona um comportamento de sobreposio fatia selecionada usando o Estado 1 como estado Pressionado e o Estado 2 como estado Sobre. Aps a seleo desse comportamento, preciso criar uma imagem no segundo estado, na mesma fatia, para criar o estado Sobre. A opo Sobreposio simples na verdade um grupo de comportamentos que contm os comportamentos Alternar imagem e Restaurar Alternar imagem. Definir imagem da barra de navegao Permite que uma fatia faa parte de uma barra de navegao do Fireworks. Cada fatia que faz parte da barra de navegao deve ter esse comportamento. A opo Definir imagem da barra de navegao na verdade um grupo de comportamentos que contm os comportamentos Barra de navegao em cima, Barra de navegao embaixo e Restaurar barra de navegao. Esse comportamento automaticamente definido por padro quando voc utiliza o Editor de botes para criar um boto que inclua um estado Incluir estado sobreposto enquanto pressionado ou Mostrar imagem pressionada na carga da pgina. Quando um boto com dois estados criado, um comportamento de sobreposio simples atribudo sua fatia. Quando um boto com trs ou quatro estados criado, um comportamento Definir imagem da barra de navegao atribudo sua fatia.
Nota: No possvel alterar o evento para Sobreposio simples e Definir imagem da barra de navegao.
Alternar imagem Substitui a imagem na fatia especificada pelo contedo de outro estado ou pelo contedo de um
arquivo externo.
Restaurar imagem trocada Restaura o objeto de destino para sua aparncia padro no Estado 1. Barra de navegao em cima Especifica o estado Sobre da fatia atualmente selecionada quando ela faz parte de uma
barra de navegao, determinando opcionalmente os estados Pr-carregar imagens e Incluir estado sobreposto enquanto pressionado.
Barra de navegao embaixo Especifica o estado Pressionado da fatia atualmente selecionada quando ela faz parte de
A B
Todos os comportamentos associados a essa fatia ou ponto de acesso so exibidos no painel Comportamentos.
2 Selecione o comportamento que voc deseja editar. 3 Clique na seta ao lado do evento e selecione um novo evento no menu pop-up. O comportamento Sobreposio
GIFs animados como estados de sobreposio. Nota: O Fireworks cria caminhos relativos ao documento para os arquivos de imagem. Se voc estiver exportando um documento para uso na Web, verifique se o arquivo de imagem externo pode ser acessado a partir do HTML exportado do Fireworks. Insira os arquivos externos no seu site local antes de us-los como imagens de troca no Fireworks e no deixe de carregar os arquivos de imagem externos ao carregar os seus arquivos na Web.
Para otimizar rapidamente uma fatia, selecione uma predefinio no menu pop-up Configuraes de exportao, no Inspetor de propriedades ou no painel Otimizar. Para ver opes detalhadas, consulte Otimizar na rea de trabalho na pgina 236.
Se o seu arquivo contiver vrias pginas que sero exportadas, use o menu pop-up Link para selecionar uma das pginas para o URL. Aps a exportao das pginas, esse link levar automaticamente o usurio at a pgina especificada. Se voc pretende reutilizar URLs, crie uma biblioteca de URLs no painel URL.
Destino:
_blank Carrega os documentos vinculados em uma janela do navegador nova e sem nome. _parent Carrega o documento vinculado na definio de estado pai ou na janela de estado que contm o link. Se o
estado que contm o link no estiver aninhado, o documento vinculado ser carregado na janela inteira do navegador.
_self Carrega o documento vinculado no mesmo estado ou janela que o link. Como esse destino est implcito,
Nomear fatias
A aplicao de fatias corta uma imagem em partes. Como cada parte de um estado exportada separadamente, cada um deve ter um nome exclusivo. Use a conveno padro de nomeao ou atribua nomes personalizados. Nota: No adicione uma extenso de arquivo ao nome base. O Fireworks adiciona automaticamente extenses a arquivos de fatia aps a exportao.
Selecione a fatia na tela de desenho, insira um nome na caixa Editar o nome do objeto do Inspetor de
propriedades e pressione Enter.
Clique duas vezes no nome da fatia na Camada da Web, insira um novo nome e pressione Enter.
Opo N fatia (1,2,3...) N fatia (01,02,03...) N fatia (A,B,C...) N fatia (a,b,c...) linha/coluna (r3_c2, r4_c7...)
Linha (r##) e Coluna (c##) designam as linhas e as colunas da tabela utilizada pelos navegadores da Web para reconstruir uma imagem fatiada. possvel usar essas informaes na conveno de nomeao. O elemento usa qualquer um desses caracteres geralmente como separadores entre outros elementos.
Por exemplo, se o nome do documento for meudoc, a conveno de nomeao doc.nome + "fatia" + N da fatia (A,B,C...) resultar em uma fatia denominada meudocfatiaA. Por padro, se uma fatia tiver mais de um estado, o Fireworks adicionar um nmero ao arquivo de cada estado. Por exemplo, se voc inserir o nome de arquivo de fatia personalizado incio para um boto com trs estados, o Fireworks nomear o grfico com estado Pressionado como incio.gif, o grfico com estado Sobre como incio_f2.gif e o grfico como estado Pressionado como incio_f3.gif. Voc pode criar a sua prpria conveno de nomeao para fatias com vrios estados, usando a caixa de dilogo Configurar HTML.
1 Selecione Arquivo > Configurar HTML para abrir caixa de dilogo Configurar HTML para. 2 Clique na guia Especfico do documento. 3 Na seo Nomes de arquivo de fatia, crie uma nova conveno de nomeao selecionando-a nas listas.
4 (Opcional) Para definir essas informaes como o padro para todos os novos documentos do Fireworks, clique
em Definir padres. Nota: Preste ateno ao selecionar Nenhum como opo de menu para a nomeao automtica de fatias. Se voc selecionar Nenhum como opo para qualquer um dos trs primeiros menus, o Fireworks ir exportar arquivos de fatia que substituem uns aos outros, resultando em um nico grfico exportado e em uma tabela que exibe esse grfico em cada clula.
Espaadores so imagens que ajudam no alinhamento correto das clulas de uma tabela quando vistas em um
navegador.
Uma tabela aninhada uma tabela dentro de uma tabela. Tabelas aninhadas no usam espaadores. Elas podem
demorar mais para serem carregadas em navegadores, mas, como no h espaadores, fica mais fcil editar seu HTML.
1 Selecione Arquivo > Configurar HTML ou clique no boto Opes da caixa de dilogo Exportar. 2 Clique na guia Tabela. 3 Selecione uma opo de espaamento no menu pop-up Espao com:
Tabelas aninhadas, sem espaadores Cria uma tabela aninhada sem espaadores. Tabela nica - Sem espaadores Cria uma nica tabela sem espaadores. Essa opo pode fazer com que as tabelas sejam exibidas incorretamente em alguns casos. Espaador transparente de 1 pixel Usa um GIF transparente de 1 x 1 pixel como espaador que redimensionado conforme necessrio no HTML. Isso gera uma linha com 1 pixel de altura no topo da tabela e uma coluna de 1 pixel de largura abaixo, no lado direito.
Nota: Se voc selecionar uma cor na janela pop-up de cor, ela apenas ser aplicada a fatias HTML, e as fatias de imagem continuaro a usar a cor da tela de desenho.
5 No menu pop-up Contedo, selecione o que inserir nas clulas vazias:
Nenhum Faz com que as clulas vazias permaneam em branco. Imagem de espaador Insere uma pequena imagem transparente chamada spacer.gif nas clulas vazias. Espao sem quebra Insere uma marca de espao HTML nas clulas vazias. A clula parece oca.
Nota: Apenas haver clulas vazias se, durante a exportao, voc cancelar a seleo da caixa de dilogo Incluir reas sem fatias na exportao.
6 Clique em OK.
Nota: possvel especificar configuraes exclusivas de exportao de tabela para cada documento ou usar o boto Definir padres, na guia Especfico do documento da caixa de dilogo Configurar HTML, para aplicar padres a todos os novos documentos.
Pontos de acesso e mapas de imagem exigem, em geral, menos recursos em comparao a grficos fatiados. A aplicao de fatias requer mais potncia de processamento devido ao cdigo HTML adicional necessrio para baixar e remontar os grficos fatiados. Nota: possvel criar um mapa de imagem fatiado. Exportar um mapa de imagem fatiado costuma gerar muitos arquivos grficos. Para obter mais informaes sobre aplicao de fatias, consulte Criar fatias retangulares na pgina 173.
Pontos de acesso e mapas de imagem tambm so ideais quando o grfico no qual voc inseriu seus pontos de
acesso poderia ser mais bem exportado como um nico arquivo de grfico; ou seja, o grfico inteiro seria mais bem exportado com o mesmo formato de arquivo e as mesmas configuraes de otimizao.
Pontos de acesso podem ser retngulos, crculos ou polgonos. Polgonos so teis para o trabalho com imagens
intricadas.
Ferramentas.
2 Arraste a ferramenta de ponto de acesso para desenhar um ponto de acesso sobre uma rea do grfico. Mantenha
pressionada a tecla Alt (Windows), ou Option (Mac OS), para desenhar a partir de um ponto central. Nota: possvel ajustar a posio de um ponto de acesso medida que voc arrasta para desenh-lo. Ao manter pressionado o boto do mouse, pressione e segure a barra de espao e arraste o ponto de acesso at outro local na tela de desenho. Solte a barra de espao para continuar a desenhar o ponto de acesso.
2 Clique para inserir pontos de vetor da mesma forma como voc desenharia segmentos de linha reta com a
ferramenta Caneta. Independentemente de o caminho estar aberto ou fechado, o preenchimento defina a rea de ponto de acesso.
vrios pontos de acesso (um para cada objeto). A Camada da Web exibe o(s) novo(s) ponto(s) de acesso.
acesso.
arquivo. Se voc j tiver construdo uma estrutura de arquivos locais para o seu site, poder salvar o grfico na pasta apropriada do site.
4 No menu pop-up Salvar como tipo, selecione HTML e imagens. 5 Selecione uma opo no menu pop-up HTML:
Exportar arquivo HTML Gera o arquivo HTML necessrio e os arquivos de grficos correspondentes para
de imagem e outros recursos da Web. Por padro, comentrios HTML no so inclusos no cdigo. Para inclu-los, selecione Incluir comentrios HTML, na guia Geral da caixa de dilogo Configurar HTML.
Aps a criao de uma sobreposio de disjuno com ponto de acesso, a linha azul de conexo somente permanecer visvel enquanto o ponto de acesso estiver selecionado.
Nota: Evite criar pontos de acesso que se sobreponham a mais de uma fatia.
1 Insira uma fatia sobre a imagem que voc deseja alternar. 2 Crie um novo estado no painel Estados e insira uma imagem que ser usada como imagem alternada. Insira-a
alternar.
4 Na lista Alternar imagem de, selecione o estado que contm a imagem de sobreposio e clique em OK.
191
Selecione a ocorrncia de boto e escolha Editar > Clonar. Arraste a ocorrncia de boto com a tecla Alt (Windows), ou Option (Mac OS), pressionada.
4 Arraste um boto com a tecla Shift pressionada para alinh-lo horizontal ou verticalmente. Para ter controle mais
propriedades.
Quase todos os objetos grficos ou de texto podem se tornar um boto. Para criar um boto ou converter um objeto
em um boto, siga as etapas em Criar um smbolo na pgina 161 e selecione Boto para o tipo de smbolo. Para importar botes existentes, consulte Importar e exportar smbolos na pgina 167.
possvel editar o texto, o URL e o destino de uma ocorrncia de boto sem afetar outras ocorrncias do mesmo
boto e sem quebrar o relacionamento entre smbolo e ocorrncia.
Uma ocorrncia de boto encapsulada. O Fireworks mover todos os componentes e estados associados aos
botes que voc arrastar at o documento.
Como outros smbolos, botes tm um ponto de registro (um ponto central que o ajuda a alinhar o texto e os
diferentes estados de boto enquanto voc edita o boto).
Clique duas vezes em um boto existente na tela de desenho. Escolha Editar > Inserir > Novo boto.
2 Siga um destes procedimentos para importar ou criar o grfico de estado Liberado:
Arraste e solte ou importe o grfico que voc deseja exibir como o estado Liberado do boto na rea de trabalho. Use as ferramentas de desenho para criar um grfico ou use a ferramenta Texto para criar um boto a partir de
um texto.
Clique em Importar um boto, no Inspetor de propriedades, e selecione um boto editvel pronto na biblioteca
Importar smbolos: boto. Com essa opo, cada um dos estados do boto automaticamente preenchido com o texto e os grficos apropriados.
(Opcional) Defina as guias de escala com 9 fatias para impedir que a forma do boto seja distorcida ao ser
redimensionada. (Consulte Aplicar guias com 9 fatias a um smbolo na pgina 52.)
Clique em Copiar grfico acima para colar uma cpia do boto no estado Liberado na janela Sobre e, em seguida,
edite essa cpia.
4 (Opcional) Para usar Filtros em tempo real a fim de criar aparncias comuns para cada estado, selecione o grfico
ao qual voc deseja adicionar um Filtro em tempo real e clique no cone de adio (+) prximo ao rtulo Filtros no Inspetor de propriedades.
5 Selecione Chanfro e entalhe > Chanfro interno ou Entalhe inserido, ou Chanfro externo ou Entalhe elevado. 6 Selecione um filtro predefinido de boto para cada estado.
Filtro predefinido de boto Descrio O bisel parece se elevar entre os objetos subjacentes.
Elevado
As cores do boto ficam mais claras.
Realado
O bisel parece se afundar entre os objetos subjacentes.
Inserido
O bisel parece se afundar entre os objetos subjacentes e as cores ficam mais claras.
Invertido
Clique em Copiar sobre o grfico para colar uma cpia do boto no estado Sobre na janela Pressionado e, em
seguida, edite essa cpia para alterar sua aparncia.
repita a etapa 1.
3 (Opcional) Aplique filtros predefinidos a botes.
Nota: Quando voc insere ou cria um grfico para os estados Pressionado ou Sobre enquanto pressionado, as opes para incluso do estado na barra de navegao so selecionadas automaticamente.
ocultos.
4 Selecione Modificar > Smbolo > Converter em smbolo. 5 Insira um nome para o smbolo na caixa Nome e selecione um tipo de smbolo de Boto.
Para converter animaes de quatro estados em botes, selecione todos os quatro objetos de modo a inserir cada um em seu prprio estado de boto.
boto at o documento.
2 Para inserir ocorrncias adicionais de um smbolo de boto, siga um destes procedimentos:
Selecione uma ocorrncia e escolha Editar > Clonar para inserir outra ocorrncia diretamente na frente da
ocorrncia selecionada. A nova ocorrncia se transforma no objeto selecionado.
Arraste outra ocorrncia de boto a partir do painel Biblioteca de documentos at o documento. Arraste uma ocorrncia na tela de desenho com a tecla Alt (Windows), ou Option (Mac OS), pressionada para
criar outra ocorrncia de boto.
procedimentos:
Arraste e solte (ou recorte e cole) uma ocorrncia de boto a partir de outro documento do Fireworks. Importe smbolos de boto a partir de um arquivo PNG do Fireworks. Exporte smbolos de boto de outro documento do Fireworks para um arquivo de biblioteca PNG e, em seguida,
importe smbolos de boto desse arquivo de biblioteca PNG para o documento.
Selecione Importar smbolos, no menu Opes do painel Biblioteca de documentos. As bibliotecas contm
vrios smbolos de boto preparados pela Adobe.
ou clique duas vezes fora do boto para retornar tela de desenho. As propriedades de botes editveis em nvel de smbolo so geralmente consistentes entre botes em uma barra de navegao. Consulte os exemplos a seguir:
Aparncia grfica, como tipo e cor de traado, tipo e cor de preenchimento, forma do caminho e imagens Filtros em tempo real ou opacidade aplicados a objetos individuais no smbolo de boto Tamanho e posio da rea ativa
Comportamento principal do boto Configuraes de otimizao e exportao Link de URL (tambm disponvel como propriedade em nvel de ocorrncia) Destino (tambm disponvel como propriedade em nvel de ocorrncia)
Em geral, propriedades editveis em nvel de ocorrncia diferem para cada boto em uma srie de botes. Voc pode alterar as propriedades em nvel de ocorrncia para uma ocorrncia sem afetar o smbolo associado ou qualquer outra ocorrncia desse smbolo. Consulte os exemplos a seguir:
O nome de objeto de uma ocorrncia, que aparece no painel Camadas e usado para nomear as fatias exportadas
para a ocorrncia de boto aps a exportao
Filtros em tempo real ou opacidade aplicados instncia inteira Caracteres de texto e formatao de texto Link de URL (substitui qualquer URL existente como propriedade em nvel de smbolo) Descrio de imagem alternativa (alt) Destino (substitui qualquer quadro de destino existente como propriedade em nvel de smbolo) Comportamentos adicionais atribudos a uma ocorrncia com o uso do painel Comportamentos A opo Mostrar estado Pressionado na carga, no Inspetor de propriedades, para ocorrncias em uma barra de
navegao Nota: Quando voc seleciona a opo Exportar vrios arquivos na seo Especfico do documento da caixa de dilogo Configurar HTML e, em seguida, exporta uma barra de navegao, o Fireworks exporta cada pgina HTML com o estado Pressionado do boto correspondente. Consulte Definir opes de exportao de HTML na pgina 257.
ocorrncia de boto clicada. Se voc no inserir um destino no Inspetor de propriedades, a pgina da Web aparecer no mesmo quadro ou janela que o link que a ativou. O destino pode ser uma propriedade de boto em nvel de smbolo ou ocorrncia. Voc pode definir o destino para um smbolo, de forma que todas as ocorrncias desse smbolo tenham a mesma opo de destino.
Texto alternativo (alt) para uma ocorrncia ou smbolo de boto O texto alternativo (alt) aparece no espao reservado a uma imagem, ou prximo a ele, enquanto essa imagem est sendo transferida por download ou no lugar dela quando ocorre uma falha no seu download. Ele tambm substitui grficos quando o navegador do usurio est definido para
impedir a exibio de imagens. O texto alternativo pode ser uma propriedade de boto em nvel de smbolo ou ocorrncia.
Para editar uma fatia ou um ponto de acesso na rea ativa do smbolo do boto, selecione rea ativa no menu
pop-up do Inspector de propriedades. Use a ferramenta Ponteiro para mover ou remodelar a fatia ou uma guia de fatia. Ou, use qualquer uma das ferramentas de fatia ou ponto de acesso para desenhar uma nova rea ativa.
Para definir o URL de um smbolo de boto, selecione rea ativa no menu pop-up. Em seguida, insira o URL na
caixa Link do Inspetor de propriedades, selecione uma pgina na lista ou escolha um URL no painel URL. Nota: Ao inserir URLs absolutos em um site, possvel anexar um URL a um smbolo de forma que o mesmo URL aparea na caixa Link do Inspetor de propriedades para cada ocorrncia.
Para definir o destino de um smbolo de boto, abra o boto na rea de trabalho. Em seguida, insira um destino
na caixa Destino ou selecione um dos seguintes destinos predefinidos, no menu Destino do Inspetor de propriedades:
Nenhum ou _self Carrega a pgina da Web no mesmo quadro ou janela que o link _blank Carrega a pgina da Web em uma nova janela sem nome do navegador _parent Carrega a pgina da Web na mesma janela ou conjunto de quadros pai do quadro que contm o link _top Carrega a pgina da Web na janela inteira do navegador, removendo todos os quadros
Para definir o texto alternativo de um smbolo ou ocorrncia de boto, selecione a ocorrncia na rea de
trabalho. Em seguida, no Inspetor de propriedades, insira o texto ou a descrio que voc deseja aplicar.
Menus pop-up
Menus pop-up so exibidos em um navegador quando o usurio move um ponteiro sobre um objeto de Web de acionamento ou clica nesse objeto, que pode ser uma fatia ou um ponto de acesso.
Cada item de menu pop-up aparece como uma clula HTML ou de imagem. A clula tem um estado Liberado, um
estado Sobre e texto em ambos os estados.
Voc pode anexar links de URL a itens de menu pop-up para navegao e pode criar quantos nveis de submenu
desejar em menus pop-up.
Tambm pode usar qualquer uma das guias, ou todas elas, e editar as respectivas configuraes a qualquer
momento.
necessrio adicionar pelo menos um item de menu na guia Contedo para criar uma opo de menu que possa
ser visualizada em um navegador.
Para visualizar um menu pop-up, pressione F12. Menus pop-up no so exibidos na rea de trabalho do Fireworks.
Selecione Modificar > Menu pop-up > Adicionar menu pop-up. Clique na ala de comportamento no meio da fatia e selecione Adicionar menu pop-up.
3 Clique na guia Contedo e em Adicionar menu. 4 Clique duas vezes em cada clula e insira ou selecione as informaes de Destino, Link e Texto apropriadas. Nos
campos Link e Destino, insira informaes personalizadas ou selecione um dos menus exibidos. Inserir contedo na ltima linha da janela adiciona uma linha vazia abaixo dela. Pressione a tecla Tab para mover-se entre as clulas e as teclas de Seta para cima e Seta para baixo para percorrer a lista verticalmente.
5 Repita as etapas 3 e 4 at ter adicionado todos os itens de menu. Para excluir um item de menu, clique no boto
Excluir menu.
6 Clique em Avanar ou Concludo ou selecione outra guia.
Na rea de trabalho, o ponto de acesso ou a fatia em que voc construir o menu pop-up exibir uma linha de comportamento azul anexada a um contorno do nvel superior desse menu pop-up.
para o submenu diretamente abaixo do item de menu do qual esses itens sero um submenu.
2 Realce um item de menu pop-up que voc deseja transformar em um item de submenu e clique no boto Recuar
menu.
3 Para adicionar o prximo item ao submenu, realce-o e clique em Recuar menu. Ou, para inserir um novo item logo
abaixo do item realado, realce um item de menu ou submenu e clique em Adicionar menu. Todos os itens contiguamente recuados no mesmo nvel constituem um nico submenu pop-up.
4 Para criar um submenu dentro de um submenu pop-up, realce um item de submenu na guia Contedo do Editor
de arquivo menores.
Imagem Fornece uma seleo de estilos grficos de imagens a serem usados como plano de fundo para clulas. Essa
Nota: Quando a largura e a altura da clula esto definidas como Automtico na guia Avanado do Editor de menu pop-up, o tamanho do texto determina o tamanho dos grficos associados ao item de menu.
5 Selecione um grupo de fontes do sistema no menu pop-up Fonte ou insira o nome de uma fonte personalizada.
Nota: Se os usurios no tiverem a fonte que voc selecionou instalada em seus sistemas, uma fonte substituta ser exibida em seus navegadores da Web.
6 (Opcional) Aplique um estilo, uma justificao e uma cor ao texto. 7 Selecione as cores do texto e da clula para cada estado. 8 Se Imagem estiver selecionada como tipo de clula, selecione um estilo grfico para cada estado. 9 Continue construindo o menu pop-up ou clique em Concludo.
3 Insira um valor na caixa de texto Preenchimento da clula para determinar a distncia entre o texto do menu pop-
up e a borda da clula.
4 Insira um valor na caixa de texto Espaamento entre clulas para definir a quantidade de espao entre clulas de menu. 5 Insira um valor na caixa de texto Recuo do texto para definir a quantidade de recuo para o texto do menu pop-up. 6 Insira um valor na caixa de texto Atraso do menu para definir o tempo em milsimos de segundo durante o qual o
menu permanece visvel depois que o ponteiro deixa de ficar sobre ele.
7 Selecione se deseja mostrar ou ocultar as bordas do menu pop-up. Se optar por mostrar bordas, defina os
respectivos atributos.
8 Continue construindo o menu pop-up ou clique em Concludo.
Clique em um boto Posio para posicionar o menu pop-up em um local relativo fatia que o aciona. Insira coordenadas x e y . As coordenadas 0,0 alinham o canto superior esquerdo do menu pop-up com o canto
superior esquerdo da fatia ou do ponto de acesso que o aciona.
3 Defina uma posio para o submenu:
Clique em um boto Posio do submenu para posicionar o submenu em um local relativo ao item de menu
pop-up que o aciona.
Insira coordenadas x e y . As coordenadas 0,0 alinham o canto superior esquerdo do submenu pop-up com o
canto superior direito do menu ou item de menu que o aciona.
4 Defina uma posio relativa:
Para tornar a posio de cada submenu relativa ao item de menu pai que o aciona, desmarque Inserir na mesma
posio que o pai.
Para tornar a posio de cada submenu relativa ao menu pop-up pai, marque Inserir na mesma posio que o pai.
5 Clique em Concludo para fechar o Editor de menu pop-up ou clique em Voltar para modificar as propriedades em
outras guias.
Clique no boto Mostrar fatias e pontos de acesso, no painel Ferramentas. Clique na coluna de Olho no painel Camadas.
2 Selecione o objeto da Web que o acionador do menu pop-up. 3 Arraste o contorno do menu pop-up at outro local na rea de trabalho.
Clique no boto Mostrar fatias e pontos de acesso, no painel Ferramentas. Clique na coluna de Olho no painel Camadas.
2 Selecione a fatia qual o menu pop-up anexado. 3 Clique duas vezes no contorno azul do menu pop-up na rea de trabalho. 4 No Editor de menu pop-up, faa alteraes em qualquer guia.
Para mover o item at um submenu de maior classificao ou at o menu pop-up principal, clique no boto
Recuar menu para a esquerda.
Para mover o item at um local diferente no mesmo menu, arraste-o at o local desejado na lista.
Ao carregar os arquivos, carregue mm_css_menu.js (ou mm_menu.js, para JavaScript) no mesmo local de diretrio da pgina da Web que contm o menu pop-up. Para publicar o arquivo em um local diferente, atualize o hiperlink que faz referncia a mm_css_menu.js e o arquivo .css (ou mm_menu.js) no cdigo HTML do Fireworks para refletir o local personalizado. Um arquivo .css exclusivo exportado para cada documento contendo menus pop-up CSS, que voc exporta como HTML, e imagens do Fireworks. Se submenus forem includos, o Fireworks ir gerar um arquivo de imagem (arrows.gif), que consiste em uma pequena seta exibida ao lado de qualquer entrada de menu que contm um submenu. Independentemente do nmero de submenus que um documento contm, o Fireworks sempre usa o mesmo arquivo arrows.gif. Para obter mais informaes sobre como exportar HTML, consulte Exportar HTML na pgina 253.
202
Artigo de Matt Stow sobre o uso de modelos CSS pr-construdos no Fireworks: Modelos CSS pr-construdos no
Fireworks CS4.
Artigo de Jim Babbage, Resumos de "Como fazer" do Fireworks CS4: importao, exportao, smbolos, prottipos,
dimensionamento.
Tutoriais em vdeo de Dave Hogue sobre o uso do Fireworks para projetos de interao e criao rpida de
prottipos:
Uso do Fireworks para informaes e interaes de design: http://www.adobe.com/go/learn_fw_infointeract_br Criao de prottipos interativos com o Fireworks:
http://www.adobe.com/go/learn_fw_creatinginteractivepro_br
Prottipos rpidos com Fireworks: http://www.adobe.com/go/learn_fw_rapidpro_br Fireworks como parte do processo de design completo:
http://www.adobe.com/go/learn_fw_completedesignpro_br
Artigo de Kumar Vivek sobre projetos para dispositivos mveis usando o Fireworks:
http://www.adobe.com/go/learn_fw_designmobiledevices_br Para assistir a um tutorial de vdeo sobre como desenvolver prottipos de interfaces de aplicativo, consulte www.adobe.com/go/lrvid4034_fw_br.
1. Criar as pginas
No painel Pginas, crie o nmero desejado de pginas ou telas para o design inicial. medida que o design evoluir, possvel adicionar ou subtrair pginas conforme necessrio.
2. Criar o layout de elementos comuns de design
Na tela de desenho, crie o layout de elementos de design que voc deseja compartilhar entre vrias pginas, como barras de navegao e imagens de plano de fundo. Para alinhar elementos, use Guias inteligentes. Para obter o mximo de flexibilidade, estruture seu layout com CSS. (Consulte Guias inteligentes na pgina 34 e Criao de layouts baseados em CSS na pgina 208.).
3. Compartilhar elementos comuns entre vrias pginas
Quando voc compartilha elementos comuns, uma nica alterao atualiza automaticamente todas as pginas afetadas. Use uma pgina-mestre para compartilhar todos os elementos que ela contm ou compartilhe camadas para copiar subconjuntos de elementos. (Consulte Usar uma pgina-mestre na pgina 205 e Compartilhar camadas na pgina 139.)
4. Adicionar elementos exclusivos a pginas individuais
Em cada pgina, adicione elementos exclusivos de forma, navegao ou design. No painel Biblioteca comum, voc encontrar vrios botes, caixas de texto e menus pop-up que dinamizam o processo de design. Smbolos de componentes nas pastas Flex Components, HTML, Mac, Win, Web & Application e Menu Bars incluem propriedades que voc pode personalizar para ocorrncias de smbolos individuais. (Consulte Criar e usar smbolos componentes na pgina 164.)
5. Simular a navegao do usurio com links
A partir de objetos da Web, como fatias, pontos de acesso ou botes de navegao, crie links entre as vrias pginas do seu prottipo. (Consulte Criar links para pginas em um documento do Fireworks na pgina 170.)
6. Exportar o prottipo interativo finalizado
O Fireworks oferece vrios formatos de sada para o seu prottipo e todos eles preservam links de hipertexto para navegao em pginas. Consulte os seguintes artigos:
Para compartilhar um prottipo flexvel baseado em CSS com clientes ou fazer edies adicionais no Adobe
Dreamweaver, consulte Exportar um layout de CSS na pgina 209.
Para criar um prottipo mais convencional baseado em tabelas, consulte Exportar HTML do Fireworks na
pgina 254.
Para distribuir uma verso PDF para comentrios ou impresso, consulte Exportar arquivos Adobe PDF na
pgina 259.
Para criar um prottipo de aplicativo Flex, consulte Desenvolvimento do prottipo de aplicativos Flex na
pgina 210. Para criar um aplicativo Adobe AIR, consulte Criar um aplicativo Adobe AIR na pgina 213.
No painel Pginas, clique no boto Pgina nova/duplicada Selecione Editar > Inserir > Pgina.
Clique com o boto direito no painel e escolha Nova pgina no menu pop-up.
No painel Pginas, selecione uma pgina. No teclado, use as teclas Page Up e Page Down. Escolha a pgina no menu pop-up de pginas localizado na parte superior da janela do documento ou no canto
inferior direito do painel Pginas. Um asterisco ao lado do nome da pgina no menu pop-up de pginas indica a pgina-mestre.
Arraste uma pgina at o boto Pgina nova/duplicada. Clique com o boto direito na pgina e selecione Duplicar pgina no menu pop-up.
Clique nelas com a tecla Shift pressionada para selecionar um grupo adjacente. Clique nelas com a tecla Ctrl (Windows), ou Command (Mac OS), pressionada para selecionar um grupo no
adjacente.
2 Arraste pginas selecionadas para cima ou para baixo no painel. Acima e abaixo de outras pginas, so exibidas
bordas escurecidas nas quais voc pode soltar o mouse para mover as pginas selecionadas.
Clique com o boto direito na pgina e escolha Excluir pgina no menu pop-up.
documento.
2 Selecione Modificar > Tela de desenho > Tamanho da imagem, Modificar > Tela de desenho > Cor da tela de
menu pop-up. Qualquer camada compartilhada entre pginas se torna uma camada comum (no compartilhada). Entretanto, as camadas compartilhadas entre quadros permanecem. Para exibir quadros da pgina-mestre em uma pgina vinculada, consulte Exibir objetos em um estado na pgina 222.
As pginas herdam apenas o estado atual de todos os objetos em uma pgina-mestre. Para herdar todos os estados
de todos os objetos, em cada pgina, adicione um nmero idntico ou superior de estados ao objeto com o maior nmero de estados. Todos os objetos nessa pgina herdam todos os estados da pgina-mestre.
As alteraes feitas no tamanho da tela de desenho ou no tamanho da imagem em uma pgina afetam todas as
pginas que no esto vinculadas pgina-mestre. Para limitar as alteraes apenas pgina atual, selecione Somente pgina atual.
No painel Pginas, clique com o boto direito em uma pgina e escolha Vincular pgina-mestre no menu pop-up. Clique na coluna esquerda da miniatura de pgina no painel Pginas. Um cone de vnculo mostra que a pgina
est vinculada pgina-mestre. Nota: Quando voc alterar uma configurao em uma pgina vinculada pgina-mestre, a nova configurao prevalecer, mas quebrar o vnculo com a pgina-mestre.
Para adicionar novamente a camada de pgina-mestre pgina, clique com o boto direito no painel Camadas e selecione Adicionar camada de pgina-mestre no menu pop-up.
menu Exportar.
4 Na caixa de dilogo Opes de exportao, selecione Adicionar prefixo ou Adicionar sufixo e selecione uma opo
do menu. possvel nomear os arquivos usando qualquer uma das seguintes opes:
doc.nome O nome do arquivo de origem adicionado como prefixo ou sufixo. Por exemplo, se estiver exportando uma pgina com o nome Index do arquivo de origem sites.png usando a opo Adicionar prefixo, um arquivo com o nome Sites_Index.gif ser gerado. Numrica (1, 2, 3...ou 01, 02, 03...) Os arquivos so gerados em uma seqncia com os nmeros adicionados ao prefixo ou sufixo. Todos os arquivos de pgina exportados so numerados na ordem em que aparecem no painel de pginas. Quando voc for exportar muitas pginas, use uma seqncia de dois dgitos.
5 Use as opes do menu Tipo de arquivo para otimizar as configuraes do arquivo exportado.
Multi-page preview
Visualize todas as pginas, exceto a pgina mestre, quando for importar ou abrir arquivos. A pgina selecionada durante a visualizao colocada em foco quando o arquivo aberto. Ao inserir uma pgina que contm objetos da camada mestre, a pgina mestre convertida em uma camada comum e importada.
desabilitada, os nomes das pginas sero armazenados, mas as miniaturas no sero geradas para esses arquivos.
Tutorial sobre a criao de designs para Web em conformidade com os padres usando o Fireworks em
http://www.adobe.com/go/learn_fw_standardscompliantdesign_br.
o texto inserido em retngulos. Como apenas as imagens cobertas por fatias retangulares so exportadas, insira as fatias nas imagens para que elas sejam exportadas. Essas fatias indicam ao mecanismo de exportao onde esto as imagens.
Regra 2: evite a sobreposio de objetos O mecanismo de exportao trata texto, imagens e retngulos como blocos retangulares. Ele examina o tamanho e a posio desses objetos para determinar as linhas e colunas lgicas de modo a inseri-los no layout. Insira com cuidado os objetos, de forma que os seus limites no fiquem sobrepostos. Regra 3: planeje o layout para linhas e colunas O mecanismo de exportao procura parties lgicas em que um campo visual desobstrudo possa ser inserido entre objetos ou grupos de objetos. Coloque seu layout de coluna dentro de um retngulo para impedir que o mecanismo de exportao insira uma linha lgica que quebre esse layout. Regra 4: trate o documento como bidimensional Ao projetar a sua pgina, use retngulos para delimitar objetos que
voc deseja tratar como filhos do retngulo. O mecanismo de exportao detecta essas relaes entre pais e filhos. O mecanismo de exportao verifica os elementos filho para determinar linhas e colunas lgicas, como na Regra 3. Alm dessas regras, observe o seguinte:
O mecanismo de exportao exporta apenas retngulos primitivos. Para exportar os cantos arredondados dos
retngulos, insira fatias retangulares sobre eles.
Para que os traados dos retngulos sejam exportados, insira fatias retangulares sobre os retngulos que contm
esses traados.
Para exportar smbolos, insira uma fatia retangular sobre eles. Para exportar filtros que foram aplicados ao texto ou a retngulos, insira fatias retangulares sobre eles.
Selecione Sem repetio para exibir a imagem apenas uma vez. Selecione Repetir para repetir ou dispor a imagem lado a lado horizontalmente e verticalmente. Selecione a opo Repetir x para dispor a imagem lado a lado horizontalmente. Selecione a opo Repetir y para dispor a imagem lado a lado verticalmente.
5 Selecione o alinhamento de pgina no navegador como esquerda, centralizado ou direita. 6 Selecione a rolagem de anexos como fixa ou rolagem. 7 Clique em OK e, em seguida, em Salvar.
Usando o painel Pginas, crie o nmero desejado de telas de interface para o design inicial.
2. Inserir componentes de design do Flex no layout
Na tela de desenho, insira componentes do Flex a partir da pasta Flex no painel Biblioteca comum. Esses smbolos componentes funcionam especificamente com a exportao MXML para garantir que voc obtenha os resultados esperados. Ao exportar um documento como MXML, cada um desses smbolos convertido em suas respectivas marcas MXML. Os objetos no reconhecidos como componentes do Flex so exportados como bitmaps, que so vinculados ao MXML por meio de uma marca <mx:Image>. (Consulte Criar e usar smbolos componentes na pgina 164.) Ao editar um componente de design do Flex no Fireworks, voc pode copiar o cdigo XML modificado para o projeto do Flex. Isso poupa tempo quando se deseja replicar o comportamento do componente modificado em um projeto. Os smbolos de Cursor, Barra de rolagem, Guia e Dica de ferramenta so ignorados durante uma sada MXML, pois no tm converso direta do Fireworks para o MXML. Por exemplo, o smbolo de Barra de rolagem aparece automaticamente em ocorrncias de contineres do Flex quando seu contedo pode ser rolado. No Fireworks, esses smbolos servem simplesmente como indicadores do funcionamento das partes de um design de interface. Nota: Fatias de imagem, sobreposies e pontos de acesso aplicam-se apenas a prottipos com base em HTML. Evite esses objetos da Web ao criar prottipos do Flex.
3. Compartilhar componentes comuns do Flex entre vrias pginas
Quando voc compartilha um nico componente do Flex em vrias pginas, uma nica alterao atualiza automaticamente todas as pginas (ou telas) afetadas. possvel usar uma pgina-mestre para compartilhar todos os componentes do Flex que ela contm ou compartilhar camadas para copiar subconjuntos de componentes. (Consulte Usar uma pgina-mestre na pgina 205 e Compartilhar camadas na pgina 139.)
4. Especificar propriedades para os componentes do Flex
No painel Propriedades do smbolo (Janela > Propriedades do smbolo), especifique as propriedades e os eventos para cada componente do Flex inserido na tela de desenho.
Exporte o layout da interface do usurio do Flex e abra o arquivo MXML resultante no Flex. O Fireworks exporta o MXML necessrio com o posicionamento absoluto e todos os estilos mantidos. Os desenvolvedores do Flex podem usar essa interface sem precisar recriar o layout no Flex.
Todas as imagens associadas ao prottipo so exportadas para a pasta de imagens. Alm disso, as imagens de pginas MXML completas tambm so criadas com os outros arquivos de imagem. Pginas MXML no exigem essas imagens de visualizao e podem ser removidas.
Para criar revestimentos flexveis para todos os componentes disponveis, selecione Vrios componentes.
O Fireworks cria um nico documento com todos os componentes flexveis disponveis.
Para especificar os componentes para os quais voc deseja criar revestimentos, selecione Componentes
especficos.
Selecione apenas os componentes com um estilo especfico anexado ou selecione todas as ocorrncias do componente.
3 Clique em OK.
componentes no Flex, mesmo que voc os tenha modificado no Fireworks. A exportao MXML simplesmente gera documentos MXML para uso no Flex. Esses documentos tambm podem incluir imagens vinculadas para objetos do Fireworks que no podem ser convertidos em marcas MXML. Essas imagens so adicionadas ao documento MXML por meio de marcas <mx:Image>.
A exportao MXML ignora fatias Como a exportao MXML foi projetada para gerar um documento com base em marcas para uso com o Flex, as fatias no so levadas em considerao na criao de imagens ou clulas de tabela. Quando a exportao MXML cria imagens, ela utiliza as configuraes de otimizao do documento para determinar o formato da imagem e o mtodo de compactao. As propriedades MXML so limitadas a propriedades de smbolos elaborados O recurso de exportao MXML baseia
as propriedades de uma marca MXML no componente Flex do Fireworks. O Fireworks oferece um subconjunto de componentes do Flex com um nmero limitado de propriedades.
Os estilos so incorporados Propriedades reconhecidas como estilos so separadas das marcas MXML criadas, mas
so mantidas no mesmo documento MXML dentro de uma marca <mx:Style>. O Fireworks no pode definir os estilos em um arquivo CSS externo.
No h suporte para quadros Ao criar designs e layouts para sada MXML, no use quadros. Se quiser ter diferentes designs em um documento, use pginas.
instalados em sistemas operacionais Mac. Essas informaes no so usadas para aplicativos instalados no Windows.
Contedo do pacote Selecione Documento atual para selecionar automaticamente a pasta da qual os arquivos so
includos.
Contedo raiz Clique em Procurar para eleger a pgina exibida como contedo raiz. Se voc tiver selecionado
Nota: As imagens personalizadas selecionadas devem residir no site do aplicativo e seus caminhos devem ser relativos raiz do site.
Assinatura digital Clique em Definir para assinar o aplicativo com uma assinatura digital. Essa configurao
Para assinar um aplicativo com um certificado digital pr-adquirido, clique no boto Procurar, selecione o
certificado, insira a senha correspondente e clique em OK.
Para criar o seu prprio certificado digital auto-assinado, clique no boto Criar e preencha a caixa de dilogo. A
opo de tipo de chave de certificado refere-se ao nvel de segurana desse certificado: 1024-RSA usa uma chave de 1024 bits (menos segura) e 2048-RSA usa uma chave de 2048 bits (mais segura). Quando terminar, clique em Criar. Em seguida, insira a senha correspondente na caixa de dilogo Assinatura digital e clique em OK. Nota: necessrio que o Java Runtime Environment (JRE) esteja instalado em seu computador.
215
e a direo de movimento, a escala, a opacidade (aparecimento ou desaparecimento gradual) e o ngulo e a direo de rotao (consulte Editar smbolos de animao na pgina 216.) Nota: As opes de grau e direo de movimento esto disponveis apenas na caixa de dilogo Animar.
3 Use os controles de Atraso de estados no painel Estados para definir a velocidade da animao. (consulte Definir
Flash para edio adicional. (consulte Exportar uma animao na pgina 251.)
Voc pode alterar as propriedades de um smbolo de animao a qualquer momento usando a caixa de dilogo Animar ou o Inspetor de propriedades. Tambm pode editar a arte final do smbolo sem afetar o restante do documento. Tambm possvel alterar o movimento de um smbolo movendo seu caminho de movimento. Como smbolos de animao so automaticamente inseridos na biblioteca, eles podem ser reutilizados para criar outras animaes.
bitmap ou de vetor.
5 Quando terminar de editar o smbolo, alterne para a pgina geral. (consulte Alternar da edio de smbolos para
a edio de pginas na pgina 162.) O Fireworks insere o smbolo na Biblioteca de documentos e uma cpia no centro da pgina. Voc pode adicionar novos estados ao smbolo usando o seletor de Estados no Inspetor de propriedades. Selecione Janela > Propriedades para abrir o Inspetor de propriedades, se ele ainda no estiver aberto.
Controles de animao aparecem na caixa delimitadora do objeto e uma cpia do smbolo adicionada biblioteca.
Uma propriedade importante nmero de estados. Quando essa propriedade definida, o Fireworks adiciona automaticamente ao documento o nmero de estados necessrios para concluir a ao. Se o smbolo exigir mais estados do que o nmero existente na animao, o Fireworks perguntar se voc deseja adicionar estados extras. Altere as propriedades de uma animao usando a caixa de dilogo Animar ou o Inspetor de propriedades. Para ajustar a velocidade da animao, consulte Definir a durao do estado na pgina 219. Para editar texto, grficos, traados, preenchimentos ou efeito, consulte Editar um smbolo e todas as suas ocorrncias na pgina 162 e Editar ocorrncias de smbolos especficas na pgina 163.
tambm pode alterar os valores de Movimento e Direo arrastando as alas de animao do objeto.
Dimensionamento A alterao no tamanho do smbolo, como percentual, do incio ao fim. O padro 100%, mas no
h limite. Para dimensionar um objeto de 0% a 100%, o objeto original deve ser pequeno. Objetos de vetor so recomendados.
Opacidade O grau de aparecimento ou desaparecimento gradual do incio ao fim. Os valores variam de 0 a 100, e o padro 100%. A criao de um aparecimento ou desaparecimento gradual requer duas ocorrncias do mesmo smbolo, uma para reproduzir o aparecimento gradual e a outra para reproduzir o desaparecimento gradual. Rotao O grau de rotao do incio ao fim. Os valores variam de 0 a 360. possvel inserir valores mais altos para
Remover animaes
possvel remover animaes excluindo o smbolo de animao da biblioteca ou removendo a animao do smbolo.
O smbolo se transforma em um smbolo grfico e deixa de ser animado. Posteriormente, se voc reconvert-lo em um smbolo de animao, ele preservar suas configuraes de animao anteriores.
Arraste uma das alas de incio ou fim de animao do objeto at um novo local. Arraste com a tecla Shift
Estados
Para conhecer a histria de como o conceito de pginas foi introduzido no Fireworks, leia o artigo de Sarthak www.adobe.com/go/learn_fw_simplifyingpagesstates_br. O que conhecemos agora como estados, antes eram chamados de Quadros em verses anteriores do Fireworks CS4. Voc constri animaes criando estados, cujo contedo exibido no painel Estados. Nesse painel, possvel nomear os estados, reorganiz-los, definir manualmente a temporizao da animao e mover objetos de um estado para outro. Cada estado tambm tem propriedades associadas. Ao definir o atraso de estado ou ocultar um estado, voc pode ver qual ser a aparncia da sua animao medida que edit-la. possvel usar camadas em animaes para organizar objetos que fazem parte do cenrio ou do plano de fundo da animao. Para fazer com que os objetos apaream em uma animao, insira-os em uma camada e use o painel Camadas para compartilhar essa camada entre estados. Os objetos em uma camada compartilhada entre estados ficam visveis em todos os estados. Para obter mais informaes, consulte Compartilhar camadas na pgina 139.
Estados e camadas
Pginas contm estados, e estados contm camadas. Uma nova pgina contm apenas um estado. Todas as camadas que voc cria e todos os objetos nessas camadas tm apenas um estado. Para compreender a relao entre estados, pginas e camadas, leia o artigo de David Hogue www.adobe.com/go/learn_fw_usingpagesstates_br. Quando um estado criado no painel Estados, ele tem o mesmo nmero de camadas do estado anterior. No entanto, essas camadas so vazias e no contm objetos do estado anterior. Para duplicar objetos entre estados, crie um estado duplicado em vez de criar um novo estado. Cada instncia de um objeto independente entre estados quando duplicada. Nota: A excluso de uma camada de qualquer um dos estados faz com que ela tambm seja excluda de todos os estados. Para compartilhar objetos de uma Camada entre estados, clique nessa camada com o boto direito e selecione Compartilhar camada para estados. Os objetos na camada so compartilhados entre estados e tambm com novos estados quando so criados. Todos os objetos na camada correspondente em outros estados so excludos e substitudos por objetos da camada compartilhada. Todas as modificaes em objetos na camada compartilhada se refletem nos estados.
Estados e pginas-mestre
Os estados de uma pgina-mestre correspondem diretamente aos estados de outras pginas no seu documento. Quando voc duplica o estado 1 na pgina regular A, ele copia todos os objetos de Pgina A, estado 1, para Pgina A, estado 2, e compartilha o Estado 2 da Pgina-mestre. Como a pgina-mestre tem apenas um estado, o estado 2 em qualquer outra pgina fica em branco. Se voc duplicar o estado 1 para criar o estado 2 em uma pgina-mestre, a camada de fundo nessa pgina-mestre tambm ser duplicada para o estado 2 da pgina-mestre. O estado 2 da pgina-mestre compartilhado com o estado 2 de todas as pginas do documento. Em resumo, o estado 1 da pgina-mestre compartilha com o estado 1 de todas as pginas, o estado 2 da pgina-mestre compartilha com o estado 2 de todas as pginas e assim por diante. Se uma pgina regular tiver mais estados do que a pgina-mestre, nada ser compartilhado com os estados dessa pgina-mestre at que os espaos relevantes sejam criados nela.
Para selecionar um intervalo adjacente de estados, clique com a tecla Shift pressionada nos nomes do primeiro
e do ltimo estado.
Para selecionar um intervalo no adjacente de estados, mantenha pressionada a tecla Ctrl (Windows) ou
Command (Mac OS) e clique no nome de cada estado.
2 Siga um destes procedimentos:
Selecione Propriedades, no menu Opes do painel Estados. Clique duas vezes na coluna Atraso de estado.
3 Insira um valor para o atraso de estado. 4 Pressione Enter ou clique fora do painel.
Selecione Propriedades, no menu Opes do painel Estados. Clique duas vezes na coluna Atraso de estado.
2 Cancele a seleo de Incluir ao exportar. 3 Pressione Enter ou clique fora do painel.
O nome personalizado ser lembrado ao longo da sesso. Por ser uma configurao especfica do documento, selecione Personalizado conforme indicado na primeira captura de tela.
Manipular estados
possvel adicionar, copiar, excluir e alterar a ordem de estados no painel Estados.
Copiar um estado
Arraste um estado existente at o boto Novo/Duplicar estado, na parte inferior do painel Estados.
Reordenar estados
Arraste os estados, um por um, at um novo local na lista.
Selecione Todos os estados para inverter a seqncia dos estados do incio ao fim. Selecione Intervalo de estados e escolha os estados inicial e final para inverter a ordem de um intervalo de
estados.
3 Clique em OK.
no painel Estados.
Arraste o estado at o boto Excluir estado. Selecione Excluir estado, no menu Opes do painel Estados.
No painel Estados, um pequeno crculo direita do tempo de atraso de um estado indica o status dos objetos nesse estado.
1 Na tela de desenho, selecione os objetos que voc deseja exibir em outro estado. 2 No painel Estados, arraste o indicador de seleo (o pequeno crculo preto direita do tempo de atraso de estado)
at o novo estado. Para copiar objetos selecionados para outros estados, arraste-os com as teclas Alt (Windows) ou Option (Mac OS) pressionadas.
Todos os objetos no estado selecionado so listados no painel Camadas e exibidos na tela de desenho.
Interpolao
No Fireworks, interpolao um processo manual que mescla duas ou mais ocorrncias do mesmo smbolo, criando instncias intermedirias com atributos interpolados. Use a interpolao para criar o movimento sofisticado de um objeto pela tela de desenho e para objetos cujos Filtros em tempo real se alterem em cada estado da animao. Por exemplo, possvel interpolar um objeto de forma que ele parea se mover ao longo de um caminho linear.
Nota: Na maioria dos casos, o uso de smbolos de animao prefervel interpolao. Para obter mais informaes, consulte Sobre smbolos de animao na pgina 215.
Interpolar ocorrncias
1 Selecione duas ou mais ocorrncias do mesmo smbolo grfico na tela de desenho. No selecione ocorrncias de
smbolos diferentes.
2 Selecione Modificar > Smbolo > Interpolar ocorrncias. 3 Insira o nmero de etapas de interpolao que voc deseja inserir entre o par original na caixa de dilogo Interpolar
ocorrncias.
4 Para distribuir os objetos interpolados em estados separados, selecione Distribuir em estados e clique em OK.
Voc pode fazer isso posteriormente selecionando todas as ocorrncias e clicando no boto Distribuir em estados , no painel Estados.
Para definir por quanto tempo cada estado aparece na janela do documento, insira configuraes de atraso de
estado no painel Estados.
Os estados ocultos excludos da exportao no aparecem na visualizao. (consulte Ocultar estados durante a
reproduo na pgina 220.)
Visualizar a animao na exibio Original mostra o grfico de origem com resoluo total e no a visualizao
otimizada usada para o arquivo exportado.
Nota: Para ver o movimento ao visualizar a animao, selecione GIF animado como formato de arquivo de Exportao no painel Otimizar, mesmo se voc planeja importar a animao no Flash como arquivo SWF ou PNG do Fireworks.
Por exemplo, se voc selecionar 4, a animao ser reproduzida cinco vezes ao todo. Contnuo repete a animao continuamente.
Quando um GIF animado aberto no Fireworks, um novo arquivo criado e cada estado no GIF inserido em um estado separado. Embora o GIF no seja um smbolo de animao, ele mantm todas as configuraes de atraso de estado do arquivo original. Animaes adicionadas a pginas-mestre no so exibidas. Adicione a animao a uma pgina-filho e compartilhe-a em todas as pginas. Aps a importao do arquivo, seu formato precisa ser definido como GIF animado para poder exportar o movimento do Fireworks.
O Fireworks abre os arquivos em um novo documento simples, inserindo cada arquivo em um estado separado, na ordem em que voc os selecionou.
de desenho.
2 Selecione Comandos > Criativo > Girar e esmaecer. 3 Na caixa de dilogo Girar e esmaecer, configure os parmetros de acordo com suas preferncias. Manipule as vrias
opes da caixa de dilogo para personalizar o efeito. Posicione a caixa de dilogo de maneira que voc possa visualizar as alteraes conforme elas forem efetuadas.
Etapas O nmero de instncias do objeto que criado. Opacidade A opacidade dos objetos que so criados. Direo A direo em que os objetos sucessivos so criados em relao ao primeiro objeto.
Etapa atrs Cada objeto move-se para trs do prximo objeto no conjunto. Animar Selecione essa opo se desejar animar o conjunto de objetos que voc criou. Desfoque Conforme voc aumenta o valor nesse campo, o efeito de desfoque aplicado a partir do ltimo objeto criado at o primeiro objeto. Alterao de matiz Altere o valor para alterar as cores dos objetos criados. Espaamento Aumentar o valor aumenta o espao entre os objetos criados. Rotao O limite at o qual os objetos sucessivos so girados. Direo O ngulo em que os objetos sucessivos se alinham com o primeiro objeto. Dimensionamento A capacidade de dimensionamento dos objetos sucessivos em relao ao primeiro objeto. Opacidade A opacidade dos objetos sucessivos em relao ao primeiro objeto. Randomizar Clique em Randomizar se desejar fazer uma experincia com um conjunto aleatrio de valores
de dilogo. Nota: Caso tenha selecionado a opo Animar, o grfico desaparecer da rea de trabalho depois de clicar no boto OK.
4 Na caixa de dilogo Propriedades, selecione GIF animado Websnap 128 no menu de opes de formato. 5 Pressione F12 para visualizar a animao em um navegador.
Nota: possvel desagrupar os objetos criados da mesma forma que voc desagrupa objetos.
227
8 (Opcional) Para exibir a apresentao de slides no navegador, selecione a opo Iniciar apresentao de slides no
Excluir um lbum
1 Abra uma apresentao de slides existente. 2 Selecione um lbum nas listas lbuns e clique no boto Excluir lbuns selecionados (sinal de menos) ao lado de
lbuns.
Organizar um lbum
1 Abra uma apresentao de slides existente. 2 Selecione um lbum na lista lbuns.
Para adicionar imagens, clique no boto Adicionar imagens (sinal de adio) ao lado de Imagens. Em seguida,
clique no boto Procurar (...) e selecione uma ou vrias imagens.
Para alterar a ordem das imagens, selecione uma imagem e clique nos botes de seta na parte superior da lista
de imagens para mov-la.
Painel Legendas
Use as opes em Legendas para personalizar as legendas de imagem da apresentao de slides.
Aplicar a todos os lbuns Aplique as opes de Legendas a todos os lbuns no Livro de lbuns. Sem alterao Mantenha as legendas existentes. Limpar todas as legendas Limpe todas as legendas do lbum. Usar nome do arquivo Use os nomes de arquivos das imagens como a legenda. Incluir extenso Se voc optar por ter nomes de arquivos como legendas, inclua extenses de nomes de arquivos. Inserir texto Use o texto especificado como legenda para todas as imagens. Substituir legendas Aplique o texto inserido a todas as imagens.
Painel Filtros
possvel aplicar filtros somente a um novo lbum. Para aplicar filtros selecionados a todos os lbuns do Livro de lbuns, selecione Aplicar a todos os lbuns.
Largura e altura Largura e altura das imagens exportadas em tamanho integral. Imagens dimensionadas mantm suas
propores originais.
Exportar miniaturas Exporte as miniaturas junto com as imagens em tamanho integral. Largura e altura Largura e altura das imagens em miniatura exportadas. Qualidade da imagem Especifique a qualidade de sada das imagens exportadas em tamanho integral e miniatura.
especificado.
Nota: No Mac OS, a renomeao do arquivo SWF no Finder pode no funcionar (a no ser que voc tenha definido a opo Mostrar extenses de arquivo). Talvez seja necessrio renome-lo usando a caixa de dilogo de propriedades do arquivo, em Nome e extenso.
3 Na mesma pasta que o arquivo SWF, crie um arquivo XML que tenha o seguinte formato:
<?xml version="1.0"encoding="utf-8"?> <FWACPlayer> <Player name="Player - Black (Flash)"preview="player_black.jpg"launch="index.html"> <File src="player_black.fap"dst="player_black.swf"/> <File src="player_black.html"dst="index.html"/> <Info src="player_black.info"/> </Player> <Player name="Player - White (Flash)"preview="player_white.jpg"launch="index.html"> <File src="player_white.fap"dst="player_white.swf"/> <File src="player_white.html"dst="index.html"/> <Info src="player_white.info"/> </Player> </FWACPlayer>
Nota: Se voc tiver vrias verses do mesmo player bsico, poder list-las no XML (conforme mostrado anteriormente).
4 Para cada n do Player, liste os nomes de arquivos de origem e destino dentro do n Arquivo. 5 (Opcional) Para fornecer informaes adicionais para o player, adicione o n Informaes, com o atributo src
contendo o nome do arquivo. O arquivo de informaes deve conter texto HTML. Se o arquivo contiver texto noHTML simples, os avanos de linha, retornos de carro e guias sero removidos antes de exibirem o texto.
6 Crie ou edite o arquivo MXI de forma que o SWF e o HTML renomeados sejam inseridos em uma pasta
Configuraes/Comandos/Players. Nota: Para que a opo Iniciar apresentao de slides no navegador funcione no final de um processo, os arquivos SWF e HTML devem ter o mesmo nome.
Definies de n
N Livro de lbuns
ver Verso do comando Criar apresentao de slides que gerou o arquivo XML. title Ttulo principal da apresentao de slides. description Descrio da apresentao de slides inteira. firstAlbum ndice com base em zero do primeiro lbum que voc deseja exibir. width Largura da apresentao de slides. height Altura da apresentao de slides. showThumbnails Se as miniaturas sero mostradas ou no. Ou, se as miniaturas foram exportadas. thumbWidth Largura da miniatura. thumbHeight Altura da miniatura. autoStart Inicia a apresentao de slides automaticamente. allowClick Se os usurios podem ou no clicar nas imagens. clickAction A ao a ser realizada quando uma imagem for clicada (aberta em uma nova janela ou em uma guia nova ou deixar que player decidisse tudo).
N lbum
title Ttulo desse lbum particular. description Descrio do lbum. path Nome da pasta que contm as imagens desse lbum. Miniaturas so exportadas para a pasta Miniaturas, dentro
do caminho.
hasThumb Tem miniatura. thumbSrc Imagem de seleo da planilha. hasBg Tem uma imagem de plano de fundo. bgSrc Imagem de plano de fundo do lbum. bgScale Mtodo de dimensionamento para o plano de fundo do lbum.
interval Intervalo da apresentao de slides em segundos para esse lbum. useTransition Use transio ao alternar entre imagens. transType Transio da apresentao de slides para esse lbum. transTime Tempo da transio. firstImage ndice com base em zero da primeira imagem a ser exibida. dispSequence Ordem na qual exibir as imagens (seqencial ou aleatria).
N Slide
src Nome do arquivo de imagem para esse slide. caption Legenda associada a esse slide. width Largura do slide. height Altura do slide. thumbWidth Largura da miniatura do slide. thumbHeight Altura da miniatura do slide.
233
Selecione Tamanho do arquivo de exportao de destino, no primeiro painel, para otimizar at o tamanho de arquivo mximo.
3 Clique em Sair, na janela Resultados da anlise do assistente.
A. Conjunto salvo de opes para a exportao selecionada B. Estimativas do tamanho do arquivo e do tempo de download C. Visualizar configuraes de exportao escolhidas D. Salvar configuraes de exportao na visualizao ativa
Quando voc exporta GIFs animados ou sobreposies JavaScript, o tamanho do arquivo estimado representa o tamanho total em todos os estados. Nota: Para aumentar a velocidade de redesenho da Visualizao da imagem, desmarque Visualizar. Para interromper o redesenho da rea de visualizao ao trocar de configuraes pressione Escape.
e clique na visualizao para ampli-la. Arraste o boto na visualizao com a tecla Alt (Windows), ou Option (Mac OS), pressionada para diminuir o zoom.
Mantenha pressionada a barra de espao quando o ponteiro de Zoom estiver ativo e arraste na visualizao.
Cada janela de visualizao pode exibir uma visualizao do grfico com diferentes configuraes de exportao. Nota: Quando voc aplica zoom ou panorama com vrias exibies abertas, todas elas recebem zoom e panorama simultaneamente.
O Assistente de otimizao de tamanho tenta corresponder o tamanho de arquivo selecionado usando estes mtodos:
Ajustando a qualidade do JPEG Modificando a suavizao do JPEG Alterando o nmero de cores em imagens de 8 bits Alterando as configuraes de pontilhamento em imagens de 8 bits Ativando ou desativando configuraes de otimizao
Arraste a borda pontilhada exibida ao redor da visualizao at que ela delimite a rea de exportao. (Arraste
dentro da visualizao para mover reas ocultas at a exibio.)
Para exibir um nico estado, selecione um estado na lista do lado esquerdo da caixa de dilogo. Voc tambm
pode usar os controles de estado na rea inferior direita da caixa de dilogo.
Para reproduzir a animao, clique no controle Reproduzir/Parar, na rea inferior direita da caixa de dilogo.
2 Para especificar o mtodo de disposio dos estados, selecione um estado na lista, clique no cone de lixeira e
estado atual se o estado seguinte contiver transparncia de camada. Para a maioria das animaes, essa opo automtica padro gera os melhores resultados visuais e os menores tamanhos de arquivo.
Nenhum Preserva o estado atual medida que o estado seguinte adicionado exibio. O estado atual (e os estados precedentes) podem aparecer atravs das reas transparentes do estado seguinte. Use um navegador para ter uma visualizao precisa de uma animao usando essa opo. Restaurar para plano de fundo Descarta o estado atual e o substitui temporariamente pelo plano de fundo da pgina da Web. Apenas um estado aparece por vez. Escolha essa opo quando objetos animados se movem acima de um plano de fundo transparente. Restaurar anterior Descarta o estado atual e o substitui temporariamente pelo estado anterior. Escolha essa opo quando objetos animados se movem acima de um plano de fundo opaco.
3 Para definir o atraso de estados, selecione um estado na lista e, na caixa Atraso de estado, insira um tempo de atraso
em centsimos de segundo.
4 Para definir a animao de forma que ela seja reproduzida repetidamente, clique no boto Repetio e selecione o
clique em Salvar.
A visualizao exibe o tamanho total, o tempo de download estimado e o formato de arquivo de um documento. O tempo de download estimado a mdia do tempo necessrio para o download de todas as fatias e estados em um modem de 56K. As exibies de 2 e 4 pginas combinadas mostram informaes adicionais que variam dependendo do tipo de arquivo selecionado. Voc pode otimizar um documento inteiro ou apenas fatias selecionadas enquanto exibe uma visualizao. A superposio de fatias ajuda a diferenciar entre as fatias que esto sendo otimizadas e o restante do documento.
Quando a superposio de fatias est ativada, as fatias que no esto sendo otimizadas ficam esmaecidas.
documento.
2 Clique em uma das visualizaes de diviso da exibio. 3 Insira configuraes no painel Otimizar. 4 Selecione as outras visualizaes e especifique diferentes configuraes de otimizao para cada visualizao.
Quando voc seleciona a exibio de 2 ou 4 pginas combinadas, a primeira diviso de exibio mostra o documento PNG original do Fireworks, para que seja possvel compar-lo com verses otimizadas. Voc pode trocar essa exibio por outra verso otimizada.
Alternar qualquer exibio otimizada para a exibio original no modo de 2 ou 4 pginas combinadas
1 Selecione uma exibio otimizada. 2 No menu pop-up Visualizar, na parte inferior da janela de visualizao, selecione Original (sem visualizao).
Alternar a exibio original para uma exibio otimizada no modo de 2 ou 4 pginas combinadas
1 Selecione a exibio contendo o original. 2 No menu pop-up Visualizar, selecione Visualizao da imagem.
Otimizar.
GIF Web 216 Faz com que todas as cores sejam aceitas pela Web. A paleta de cores contm at 216 cores. GIF WebSnap 256 Converte cores na respectiva cor segura para a Web mais prxima. A paleta de cores contm no
128 cores.
GIF adaptvel 256 Contm apenas as cores reais usadas no grfico. A paleta de cores contm no mximo 256 cores. JPEG Qualidade melhor Define a qualidade como 80 e a suavidade como 0, resultando em um grfico de alta
segura para a Web mais prxima. A paleta de cores contm at 128 cores.
imagens com reas transparentes e animaes. Imagens com reas de cor slida so mais bem compactadas quando exportadas como arquivos GIF. Arquivos GIF contm no mximo 256 cores.
JPEG Desenvolvido pelo Joint Photographic Experts Group especificamente para imagens fotogrficas e com grande
quantidade de cores. O JPEG oferece suporte para milhes de cores (24 bits). Esse formato ideal para fotografias digitalizadas, imagens que usam texturas, imagens com transies de cores em gradiente e qualquer imagem que exija mais de 256 cores.
PNG O PNG (Portable Network Graphic) um verstil formato grfico da Web que pode oferecer suporte a at 32 bits de cor, pode conter transparncia ou um canal alfa e pode ser progressivo. Entretanto, nem todos os navegadores da Web podem exibir imagens PNG. Embora o PNG seja o formato de arquivo nativo do Fireworks, os arquivos PNG do Fireworks contm informaes adicionais especficas do aplicativo que no so armazenadas em um arquivo PNG exportado ou em arquivos criados em outros aplicativos. WBMP O WBMP (Wireless Bitmap) um formato grfico criado para dispositivos mveis de computao, como celulares e PDAs. Esse formato usado em pginas WAP (Wireless Application Protocol). Como o WBMP um formato de 1 bit, apenas duas cores so visveis: preto-e-branco. TIFF O TIFF (Tagged Image File Format) um formato grfico usado para o armazenamento de imagens de bitmap.
Arquivos TIFF so usados com mais freqncia em publicaes para impresso. Muitos aplicativos de multimdia tambm aceitam arquivos TIFF importados.
BMP O formato de arquivo grfico do Microsoft Windows. Muitos aplicativos podem importar imagens BMP. PICT Desenvolvido pela Apple Computer e usado comumente em sistemas operacionais Macintosh. A maioria dos
Arquivo > Salvar Arquivo > Salvar como Arquivo > Exportar
Em seguida, o Fireworks aplica essas configuraes aos novos documentos. Nota: Novas fatias recebem suas configuraes padro de otimizao a partir do documento pai. Voc tambm pode salvar configuraes de otimizao personalizadas para uso futuro na otimizao ou no processamento em lote. As informaes a seguir so salvas em otimizaes predefinidas personalizadas:
computador. Nota: O local da pasta Configuraes de exportao varia dependendo do seu sistema operacional.
de melhor qualidade.
Web adaptativo Uma paleta adaptvel na qual as cores so convertidas na cor segura para a Web mais prxima.
Web 216 Uma paleta das 216 cores comuns a computadores Windows e Mac OS. Essa paleta costuma ser chamada de segura para a Web ou segura para o navegador porque produz resultados bastante consistentes em vrios navegadores da Web, em qualquer uma das plataformas, quando exibidos em monitores de 8 bits. Exato Contm as cores exatas usadas na imagem. Apenas imagens que contm 256 ou menos cores podem usar a
respectivamente.
Escala de cinza Uma paleta de 256 ou menos tons de cinza. Escolher essa paleta converte a imagem em escala de
cinza.
Preto-e-branco Uma paleta de duas cores formada apenas por preto-e-branco. Uniforme Uma paleta matemtica com base em valores de pixels RGB. Personalizada Uma paleta que foi modificada ou carregada a partir de uma paleta externa (arquivo ACT) ou
arquivo GIF. Voc pode otimizar e personalizar paletas de cores usando a tabela de cores no painel Otimizar.
Selecione Carregar paleta, no menu Opes do painel Otimizar. Selecione Personalizada, no menu pop-up Paleta indexada do painel Otimizar.
2 Navegue at um arquivo de paleta ACT ou GIF e clique em Abrir.
As cores do arquivo ACT ou GIF so adicionadas tabela de cores no painel Otimizar. Nota: Os usurios do Windows devem selecionar Arquivos GIF no menu pop-up Arquivos do tipo para ver os arquivos com extenso .gif na caixa de dilogo Abrir.
No painel Otimizar, selecione uma opo no menu pop-up Cores. Digite um valor (de 2 a 256) na caixa de texto.
Nota: O nmero na parte inferior da tabela de cores indica o nmero real de cores visveis na imagem. Se no houver nmero visvel, clique no boto Reconstruir.
Os pixels contendo a amostra de cor selecionada se transformam temporariamente em outra cor de realce, at voc soltar o boto do mouse. Nota: Ao visualizar pixels no documento usando a exibio de 2 ou 4 pginas combinadas, selecione uma exibio diferente de Original.
Para alternar o bloqueio de uma amostra de cor selecionada, clique no cone de Cadeado
, na parte inferior do painel Otimizar, ou clique na amostra de cor com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, e selecione Bloquear cor.
Para desbloquear todas as cores, selecione Desbloquear todas as cores, no menu Opes do painel Otimizar.
Selecione uma cor e clique no boto Editar cor Clique duas vezes em uma cor na tabela de cores.
2 Altere a cor.
Nota: Clique com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, em uma cor na paleta para exibir todas as opes de edio.
Para forar todas as cores de forma que elas sejam seguras para a Web, selecione Web 216 no menu pop-up Paleta
indexada do painel Otimizar.
Para criar uma paleta adaptvel que favorea cores seguras para a Web, selecione Web adaptativo no menu pop-up
Paleta indexada do painel Otimizar.
Para forar uma cor sua equivalente segura para a Web mais prxima, selecione uma cor na tabela de cores do
painel Otimizar, e clique no boto Encaixar nas cores seguras para Web .
Voc pode carregar o arquivo de paleta salvo no painel Amostras ou no painel Otimizar para uso ao exportar outros documentos.
Ajustar a compactao
Compacte arquivos GIF alterando sua definio de perda. Configuraes maiores de perda podem gerar arquivos menores, mas com menos qualidade de imagem. Uma definio de perda entre 5 e 15 geralmente a melhor.
Visualizao da imagem otimizada no Fireworks; imagem exportada com transparncia e inserida em uma pgina da Web como plano de fundo colorido
Nota: Embora arquivos PNG de 32 bits contenham transparncia, o painel Otimizar no tem uma opo de transparncia para eles. Para imagens GIF, use a transparncia de ndice , que ativa ou desativa pixels com valores de cor especficos. Imagens GIF so exportadas sem transparncia por padro. Mesmo que a tela de desenho atrs de uma imagem ou objeto parea transparente na exibio Original do Fireworks, o plano de fundo dessa imagem pode no ser transparente, a no ser que voc selecione Transparncia de ndice antes de exportar. Para arquivos PNG, possvel usar transparncia alfa, que freqentemente utilizada em grficos exportados que contm transparncia de gradiente e pixels semi-opacos. Embora a transparncia no seja muito til para exportao na Web (j que a maioria dos navegadores no oferece suporte ao formato PNG), ela til para exportao no Flash ou no Adobe Director, uma vez que ambos os aplicativos aceitam esse tipo de transparncia. Nota: A definio de cores para efeitos transparentes afeta apenas a verso exportada da imagem e no a imagem real. Para ver qual ser a aparncia da imagem exportada, use uma visualizao.
Transparncia de ndice no menu pop-up Escolher tipo de transparncia. A cor da tela de desenho se torna transparente na visualizao, e o grfico fica pronto para exportao.
4 Clique em uma amostra de cor na tabela de cores do painel Otimizar ou clique em uma cor no documento.
do documento. Na exibio de 2 ou 4 pginas combinadas, clique em uma exibio diferente da original. Nota: Embora seja possvel adicionar ou remover cores transparentes na exibio Original, voc apenas ver os resultados quando exibir uma visualizao.
2 No painel Otimizar (Janela > Otimizar), selecione GIF ou PNG 8 como formato de arquivo. Em seguida, selecione
ou Remover cor da
transparncia
4 Clique em uma amostra na tabela de cores ou clique em uma cor na visualizao do documento.
No painel Otimizar, selecione uma cor no menu pop-up Fosco. Corresponda-a o mais precisamente possvel com
a cor de plano de fundo de destino na qual o grfico ser inserido. Nota: A suavizao de borda aplicada somente a objetos com borda suave posicionados diretamente no topo da tela de desenho.
Remover halos
Quando voc torna a cor da tela de desenho transparente em uma imagem que recebeu suavizao de borda, os pixels do processo de suavizao de borda permanecem. Em seguida, quando voc exporta (ou, em alguns casos, salva) o grfico e o insere em uma pgina da Web com uma cor de plano de fundo diferente, os pixels no permetro do objeto com suavizao de borda podem aparecer como um halo, o que especialmente perceptvel em um plano de fundo escuro.
Defina a Cor da tela de desenho no Inspetor de propriedades, ou a Cor fosca no painel Otimizar, como a cor do
plano de fundo da pgina da Web de destino.
Com o objeto que voc deseja exportar selecionado, escolha Definida no menu pop-up Borda do Inspetor de
propriedades.
no canto superior esquerdo da janela do documento. Na exibio de 2 ou 4 pginas combinadas, clique em uma exibio diferente da original.
2 No painel Otimizar, selecione Transparncia de ndice no menu pop-up Transparncia. 3 Clique no boto Adicionar cor transparncia
Otimizar JPEGs
Usando o painel Otimizar, voc pode otimizar JPEGs definindo opes de compactao e suavizao. JPEGs so sempre salvos e exportados em 24 bits de cor e, portanto, no possvel otimizar um JPEG editando sua paleta de cores. A tabela de cores fica vazia quando uma imagem JPEG est selecionada. Ao testar diferentes configuraes de otimizao, use os botes 2 pginas combinadas ou 4 pginas combinadas para testar e comparar a aparncia de um JPEG e seu tamanho de arquivo estimado. Nota: JPEGs podem ser salvos diretamente da caixa de dilogo "Salvar como".
Uma configurao de alta porcentagem mantm a qualidade da imagem, mas compacta menos, gerando arquivos maiores. Uma configurao de baixa porcentagem resulta em um arquivo menor, mas gera uma imagem de qualidade inferior.
A rea selecionada nessa imagem est sendo compactada em um nvel de qualidade de 90, enquanto a rea no selecionada est sendo compactada em um nvel de qualidade de 50.
1 Na exibio Original, selecione uma rea do grfico para compactao usando uma das ferramentas Marca de
seleo.
2 Selecione Modificar > JPEG seletivo > Salvar seleo como mscara JPEG. 3 Selecione JPEG no menu pop-up Formato do arquivo de exportao, no painel Otimizar. 4 Clique no boto Editar opes de qualidade seletiva, no painel Otimizar. 5 Selecione Ativar qualidade seletiva e insira um valor na caixa de texto.
Inserir um valor baixo compacta a rea selecionada mais do que o restante da imagem, enquanto inserir um valor alto a compacta menos do que o restante da imagem.
6 (Opcional) Altere a Cor de superposio para a rea do JPEG seletivo. Isso no afeta a sada processada. 7 Para exportar todos os itens de texto em nvel superior, independentemente do valor de Qualidade seletiva,
Nota: Para desfazer uma seleo, selecione Modificar > JPEG seletivo > Remover mscara JPEG.
Para desfocar detalhes, defina Suavidade no painel Otimizar. Para aumentar a nitidez dos detalhes, selecione Aumentar nitidez das bordas do JPEG, no menu Opes do painel
Otimizar.
Nota: Alguns aplicativos antigos de edio de bitmaps no conseguem abrir JPEGs progressivos.
salvado o PNG
2 O local atual de exportao/salvamento, que definido sempre que voc navega para outro local que no seja o
Em contraste, o local padro no qual o Fireworks salva um documento determinado por um conjunto diferente de critrios. Para obter mais informaes, consulte Salvamento de arquivos do Fireworks na pgina 11.
Selecione Apenas imagens, no menu pop-up Exportar, e marque ou desmarque a caixa de seleo Somente
pgina atual. As pginas so exportadas para o formato de imagem definido no painel Otimizar.
Selecione Pginas para arquivos, no menu pop-up Exportar, e escolha Imagens no menu pop-up Exportar como.
As pginas so exportadas para o formato de imagem definido no painel Otimizar.
Selecione Pginas para arquivos, no menu pop-up Exportar, e escolha PNG do Fireworks no menu pop-up
Exportar como. Cada pgina exportada como um arquivo PNG separado e compatvel com o Fireworks 8. Nota: Se desejar exportar todas as pginas no formato selecionado, selecione todas as pginas e otimize as configuraes.
Nota: Para exportar apenas certas imagens em um documento, primeiro necessrio fatiar o documento e, em seguida, exportar somente as fatias desejadas.
1 No painel Otimizar, selecione um formato de arquivo e defina opes especficas para esse formato. 2 Selecione Arquivo > Exportar. 3 Selecione um local para o qual exportar o arquivo de imagem.
Para grficos da Web, o melhor local geralmente uma pasta no seu site da Web local.
4 Insira um nome de arquivo sem extenso. Uma extenso adicionada durante a exportao com base no tipo de
arquivo.
5 No menu pop-up Exportar, selecione Apenas imagens. 6 Clique em Salvar.
arquivo. Se vrias fatias estiverem sendo exportadas, o Fireworks usar o nome inserido como raiz para todos os grficos exportados, excluindo aqueles para os quais voc inseriu um nome personalizado no painel Camadas ou no Inspetor de propriedades.
6 No menu pop-up Fatias, selecione Exportar fatias.
7 Para exportar somente as fatias selecionadas antes da exportao, escolha Somente fatias selecionadas e verifique se
fatia selecionada.
4 Selecione a mesma pasta que a fatia original, usando o mesmo nome base, e clique em Salvar. 5 Clique em OK quando solicitado a substituir o arquivo existente.
Nota: Evite redimensionar a fatia alm do seu tamanho de exportao original no Fireworks; caso contrrio, voc poder criar resultados inesperados no documento HTML depois que a fatia for atualizada.
importao no Flash. Ou, ignore a etapa de exportao importando um arquivo de origem PNG do Fireworks diretamente no Flash. Usando esse mtodo direto, possvel importar todas as camadas e estados da sua animao e continuar a edit-los no Flash. Consulte Trabalho com o Flash na pgina 271.
Vrios arquivos Exportar camadas ou estados de animao como vrios arquivos til quando existem muitos
smbolos em diferentes camadas para o mesmo objeto. Por exemplo, voc poderia exportar um anncio de banner como vrios arquivos se cada letra do nome de uma empresa fosse animada em um grfico. Consulte Exportar estados ou camadas como vrios arquivos na pgina 252. Se o seu documento contiver mais de uma animao, ser possvel inserir fatias a fim de exportar cada animao usando diferentes configuraes de animao, como repetio e atraso de estado.
3 Na caixa de mensagem, clique em Mltipla. 4 Selecione cada fatia individualmente e use o painel Estados para definir diferentes configuraes de animao para cada. 5 Selecione todas as fatias que deseja animar e escolha GIF animado como formato de arquivo no painel Otimizar. 6 Clique em cada fatia com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, e selecione
Exportar fatia selecionada para exportar cada fatia individualmente. Na caixa de dilogo Exportar, digite um nome para cada arquivo, selecione o destino e clique em Salvar.
selecione Aparar imagens. Para incluir no lugar a tela de desenho inteira (inclusive as reas em branco alm dos objetos), desmarque essa opo.
5 Clique em Salvar.
Nota: possvel ajustar a posio de marca de seleo medida que voc arrastar. Ao manter pressionado o boto do mouse, pressione e segure a barra de espao e arraste a marca de seleo at outro local na tela de desenho. Solte a barra de espao para continuar a desenhar a marca de seleo. Quando voc soltar o boto do mouse, a rea de exportao permanecer selecionada.
3 Redimensione a rea de exportao, se necessrio:
Para redimensionar proporcionalmente a marca de seleo da rea de exportao, arraste uma ala com a tecla
Shift pressionada.
Para redimensionar a marca de seleo a partir do centro, arraste uma ala com a tecla Alt (Windows), ou
Option (Mac OS), pressionada.
Para restringir as propores e redimensionar a partir do centro, arraste uma ala com as teclas Alt e Shift
(Windows), ou Option e Shift (Mac OS), pressionadas.
4 Clique duas vezes dentro da marca de seleo da rea de exportao para acessar a Visualizao da imagem. 5 Ajuste as configuraes na Visualizao da imagem e clique em Exportar. 6 Digite um nome de arquivo e selecione uma pasta de destino.
Nota: Para cancelar sem exportar, clique duas vezes fora da marca de seleo da rea de exportao, pressione Escape ou selecione outra ferramenta.
Exportar HTML
A menos especificado de outra forma, ao exportar um documento fatiado do Fireworks, voc exporta um arquivo HTML e suas imagens. Para definir como o Fireworks exporta HTML, use a caixa de dilogo Configurar HTML. O Fireworks gera um HTML puro que pode ser lido pela maioria dos navegadores da Web e editores de HTML. Por padro, a exportao especifica a codificao UTF-8. Existem vrias maneiras de exportar HTML do Fireworks:
Exporte um arquivo HTML, que mais tarde pode ser aberto para edio em um editor HTML. Exporte cada pgina em um arquivo do Fireworks para um arquivo HTML separado. Copie o cdigo HTML para a rea de transferncia no Fireworks e, em seguida, cole-o diretamente em um
documento HTML existente.
Exporte um arquivo HTML, abra-o em um editor de HTML, copie manualmente as sees de cdigo do arquivo e
cole esse cdigo em outro documento HTML.
Exporte HTML como camadas CSS (Cascading Style Sheet) e XHTML. Use o comando Atualizar HTML para fazer alteraes em um arquivo HTML anteriormente criado.
O Fireworks permite exportar HTML nos formatos Genrico, do Dreamweaver, do Microsoft FrontPage e do Adobe GoLive. Nota: O Adobe Dreamweaver compartilha uma estreita integrao com o Fireworks. O Fireworks lida com a exportao de HTML para o Dreamweaver de maneira diferente em comparao a outros editores de HTML. Se voc estiver exportando HTML do Fireworks para o Dreamweaver, consulte Trabalho com o Dreamweaver na pgina 261. O mtodo de exportao que distribui um HTML do Fireworks a outros aplicativos ideal quando se trabalha em um ambiente de equipe. Ele divide o fluxo de trabalho em segmentos, para que uma pessoa possa realizar uma tarefa em um aplicativo e outra possa assumi-la mais tarde usando outro aplicativo.
Resultados da exportao
Quando voc exporta ou copia HTML do Fireworks, o seguinte gerado:
O cdigo HTML necessrio para remontar imagens fatiadas e qualquer cdigo JavaScript, se o documento contiver
elementos interativos. Um HTML do Fireworks contm links para as imagens exportadas e define a cor de plano de fundo da pgina da Web como a cor da tela de desenho.
Um ou mais arquivos de imagem, dependendo de quantas fatias esto no seu documento e quantos estados esto
includos nos botes.
Um arquivo denominado spacer.gif, se necessrio. Spacer.gif um GIF transparente de 1 por 1 pixel usado pelo
Fireworks para corrigir problemas de espaamento quando as imagens fatiadas so remontadas em uma tabela HTML. Voc pode escolher se o Fireworks exportar ou no um espaador.
Se menus pop-up forem exportados, os seguintes arquivos tambm sero exportados: mm_css_menu.js e um
arquivo .css contendo o cdigo de menus pop-up CSS. Se os seus menus pop-up contiverem submenus, um arquivo arrows.gif tambm ser exportado.
Se voc exportar ou copiar HTML para o Dreamweaver, sero criados arquivos de anotaes que facilitaro a
integrao entre o Fireworks e o Dreamweaver. Esses arquivos tm uma extenso .mno.
dilogo Configurar HTML. Se o seu editor de HTML no estiver listado, selecione Genrico. Nota: importante que voc selecione seu editor de HTML como o estilo de HTML, para que elementos interativos, como botes e sobreposies, funcionem corretamente quando incorporados a esse editor.
5 Clique em OK. 6 No menu pop-up HTML, selecione Exportar arquivo HTML. 7 Se o documento contiver fatias, selecione Exportar fatias no menu pop-up Fatias. 8 Para armazenar imagens em uma pasta separada, selecione Colocar imagens em subpasta. possvel selecionar
Aps a exportao, voc ver no disco rgido os arquivos exportados pelo Fireworks. Imagens e um arquivo HTML so gerados no local especificado, na caixa de dilogo Exportar.
Voc no tem a opo de salvar imagens em uma subpasta. Elas devem residir na mesma pasta que o arquivo HTML
na qual o HTML copiado colado. Uma exceo um HTML copiado para o Dreamweaver.
Todos os links ou caminhos usados nos menus pop-up do Fireworks sero mapeados para o disco rgido. O HTML
copiado para o Dreamweaver uma exceo.
Se voc usar um editor de HTML diferente do Dreamweaver ou do Microsoft FrontPage, o cdigo JavaScript
associado a botes, comportamentos e imagens de sobreposio ser copiado, mas no funcionar corretamente. Se isso representar um problema para voc, use a opo Exportar HTML em vez de copiar o HTML para a rea de transferncia.
Nota: Antes de copiar o cdigo HTML, certifique-se de ter selecionado o estilo de HTML apropriado e de ter escolhido Incluir comentrios HTML, na guia Geral da caixa de dilogo Configurar HTML. Copiar HTML do Fireworks usando a opo Copiar cdigo HTML
1 Selecione Editar > Copiar cdigo HTML. 2 Siga o assistente. Quando solicitado, especifique uma pasta como o destino das imagens exportadas. Esse deve ser
o local em que o arquivo HTML residir. Nota: Se voc planeja colar o cdigo HTML no Dreamweaver, no importa o local onde as imagens so exportadas, desde que elas residam no mesmo site do Dreamweaver que o arquivo HTML no qual esse cdigo ser colado. Copiar HTML do Fireworks usando a caixa de dilogo Exportar 1 Selecione Arquivo > Exportar.
2 Na caixa de dilogo Exportar, especifique uma pasta como o destino das imagens exportadas. Esse deve ser o
mesmo local em que o arquivo HTML residir. Nota: Se voc planeja colar o cdigo HTML no Dreamweaver, no importa o local onde as imagens so exportadas, desde que elas residam no mesmo site do Dreamweaver que o arquivo HTML no qual esse cdigo ser colado.
3 No menu pop-up Exportar, selecione HTML e imagens. 4 No menu pop-up HTML, selecione Copiar para rea de transferncia. 5 Se o documento contiver fatias, selecione Exportar fatias no menu pop-up Fatias. 6 Clique no boto Opes, selecione o editor de HTML na caixa de dilogo Configurar HTML e clique em OK. 7 Clique em Salvar.
em que as imagens foram exportadas. Nota: No ser necessrio salvar o arquivo HTML no mesmo local que as imagens exportadas se voc utilizar o Dreamweaver. Desde que as imagens sejam exportadas do Fireworks para um site do Dreamweaver e o arquivo HTML seja salvo em um local nesse site, o Dreamweaver resolver os caminhos para as imagens associadas.
2 Visualize o cdigo HTML e insira o ponto de insero entre as marcas <BODY>.
Nota: O cdigo HTML copiado do Fireworks no inclui as marcas <HTML> e <BODY> de abertura ou fechamento.
3 Cole o cdigo HTML.
Se possvel, ao copiar na rea de transferncia, exporte as imagens para o local em que elas residiro no site da Web. O Fireworks usa URLs relativos a documentos e, sendo assim, se o HTML ou as imagens forem movidos, os links de URL sero rompidos.
Se voc escolher Incluir comentrios HTML, na caixa de dilogo Configurar HTML do Fireworks, siga as instrues nos comentrios para copiar e colar o cdigo no local adequado.
5 Se o seu documento do Fireworks contiver elementos interativos, copie o cdigo JavaScript.
O cdigo JavaScript delimitado por marcas <SCRIPT> e est localizado na seo <HEAD> do documento. Copie e cole a seo <SCRIPT> inteira, a no ser que o documento de destino j tenha uma seo <SCRIPT>. Nesse caso, basta copiar e colar apenas o contedo da seo <SCRIPT> na seo <SCRIPT> existente, tomando cuidado para no substituir o contedo dessa seo existente. Alm disso, certifique-se de que no haja funes JavaScript duplicadas na seo <SCRIPT> depois de colar o cdigo.
Se nenhum HTML gerado pelo Fireworks for encontrado, clique em OK para inserir um novo HTML no final
do documento.
Se um HTML gerado pelo Fireworks for encontrado, selecione uma destas opes e clique em OK:
Substituir imagens e cdigo HTML associado Substitui o HTML do Fireworks anterior Atualizar somente imagens Substitui apenas as imagens
5 Se a caixa de dilogo Selecionar pasta de imagens aparecer, selecione uma pasta e clique em Abrir.
Para exportar apenas o estado atual, selecione Somente estado atual. Para exportar apenas a pgina atual, selecione Somente pgina atual. Para escolher uma pasta para as imagens, selecione Colocar imagens em subpasta.
4 Clique em Opes para definir as propriedades da pgina HTML.
5 Clique em Procurar para especificar uma imagem de fundo e defina a disposio lado a lado da imagem de fundo:
Selecione Sem repetio para exibir a imagem apenas uma vez. Selecione Repetir para repetir ou dispor a imagem lado a lado horizontalmente e verticalmente. Selecione a opo Repetir x para dispor a imagem lado a lado horizontalmente. Selecione a opo Repetir y para dispor a imagem lado a lado verticalmente.
6 Selecione o alinhamento de pgina no navegador como esquerda, centralizado ou direita. 7 Clique em OK e, em seguida, em Salvar.
Exportar XHTML
O XHTML uma combinao de HTML, o padro atual para formatao e exibio de pginas da Web, e o XML (Extensible Markup Language). O XHTML tem compatibilidade com verses anteriores; ou seja, a maioria dos navegadores atuais consegue exibi-lo e ele pode ser lido por qualquer dispositivo que apresente contedo XML, como PDAs, celulares e outros dispositivos portteis. O Fireworks tambm pode importar XHTML. Consulte Criar arquivos PNG do Fireworks a partir de arquivos HTML na pgina 8. Para obter mais informaes sobre XHTML, consulte a especificao XHTML do W3C (World Wide Web Consortium) em www.w3.org.
1 Selecione Arquivo > Configurar HTML, selecione um estilo de XHTML no menu pop-up Estilo HTML, na guia
Exportar HTML na pgina 253. Nota: O Fireworks usa a codificao UTF-8 ao exportar para XHTML.
HTML genrico funciona em qualquer editor de HTML. Entretanto, se o seu documento tiver comportamentos ou outro contedo interativo, selecione o seu editor especfico se ele aparecer na lista. Para exportar o documento usando o padro XHTML, selecione o estilo XHTML apropriado no menu pop-up.
Extenso Selecione uma extenso de arquivo no menu pop-up ou insira uma nova extenso. Incluir comentrios HTML Selecione para incluir comentrios referentes ao local no HTML para copiar e colar.
Essa opo recomendada quando o documento contm elementos interativos, como botes, comportamentos ou imagens de sobreposio.
Nome de arquivo em minsculas Selecione para colocar em minsculas o nome do arquivo HTML e dos arquivos de imagem associados ao exportar.
Nota: Essa opo no ir alterar a extenso do arquivo HTML para minsculas se uma extenso em maisculas tiver sido selecionada no menu pop-up Extenso.
Usar CSS para menus pop-up Selecione para usar CSS em vez de JavaScript para o cdigo de menus pop-up. Voc
pode usar o Dreamweaver para indexar os menus e atualizar os links dentro do cdigo.
Gravar CSS em um arquivo externo Selecione para que o cdigo CSS seja gravado em um arquivo .css externo exportado para o mesmo local que o arquivo HTML. O nome do arquivo .css corresponde ao nome do arquivo HTML (exceto pela extenso). Escolher essa opo tambm exporta um arquivo denominado mm_css_menu.js no mesmo local que o arquivo HTML.
Nota: Essa opo apenas estar disponvel se voc tiver escolhido a opo Usar CSS para menus pop-up.
Criador de arquivos (Mac OS) Selecione um aplicativo associado no menu pop-up. Quando voc clicar duas vezes
no arquivo HTML exportado no disco rgido, ele ser aberto automaticamente no aplicativo selecionado.
3 Na guia Tabela, selecione configuraes para as tabelas HTML. Para obter informaes, consulte Definir como as
pode usar as configuraes padro ou pode escolher as suas prprias opes. Importante: Se Nenhum estiver selecionado para qualquer um dos trs primeiros menus, o Fireworks ir exportar arquivos de fatia que substituem uns aos outros, resultando em um nico grfico exportado e em uma tabela que exibe esse grfico em cada clula.
Tag Alt padro Insira um texto a ser exibido no lugar de todas as imagens enquanto elas estiverem sendo
transferidas por download da Web e no lugar de qualquer imagem que apresentar falhas no download. Em alguns navegadores, esse texto tambm pode aparecer como dica de ferramenta quando o ponteiro passa pela imagem. Esse recurso tambm um auxlio para usurios da Web com deficincia visual.
Exportar vrias pginas HTML de barra de navegao (para uso sem conjuntos de quadros) Selecione ao exportar uma barra de navegao que vincula vrias pginas. O Fireworks exporta pginas adicionais para cada boto na barra de navegao. Incluir reas sem objetos de fatia Selecione para incluir reas da tela de desenho que no so cobertas por fatias. Codificao UTF-8 Opo ativada por padro. Permite que o documento exportado exiba caracteres de vrios
5 Para salvar essas configuraes como configuraes padro globais, clique em Definir padres.
valor de 20, por exemplo, delimita cada imagem com uma borda de 20 pixels.
Usar senha para abrir documento Requer a Senha de abertura para abrir o arquivo exportado. Usar senha para restringir tarefas Requer a Senha de segurana para executar estas funes selecionadas:
Nota: Se as pginas no documento do Fireworks tiverem telas de desenho transparentes, os objetos com transparncias aplicadas perdero suas caractersticas transparentes quando voc os exportar para PDF. Para evitar isso, defina a tela de desenho como um plano de fundo no transparente antes de exportar para PDF.
Nota: Objetos que se estendem alm da tela de desenho no Fireworks so completamente exibidos quando o arquivo FXG exportado aberto no Flash Catalyst.
definidas no painel Otimizar. Nota: No h suporte para Mozilla, Netscape 6 e Nisus Emailer no Macintosh.
261
Dreamweaver.
2 Siga um destes procedimentos:
Selecione Inserir > Imagem. Clique no boto Imagens: Imagem, na categoria Comum da barra Inserir.
3 Navegue at a imagem exportada do Fireworks e clique em OK.
Selecione Inserir > Objetos de imagem > Alocador de espao de imagem. Clique no menu pop-up Imagens: Imagem, na categoria Comum da barra Inserir, e escolha Alocador de espao
de imagem.
3 Insira o nome, as dimenses, a cor e o texto alternativo para o espao reservado de imagem.
Selecione o espao reservado de imagem e clique em Criar no Inspetor de propriedades. Clique duas vezes no espao reservado de imagem com a tecla Control (Windows), ou com a tecla Command
(Mac OS), pressionada.
Clique com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, e escolha Criar imagem
no Fireworks.
O Fireworks aberto com uma tela de desenho vazia que possui exatamente o mesmo tamanho do espao reservado de imagem. A parte superior da janela do documento indica que voc est editando uma imagem do Dreamweaver.
5 Crie uma imagem no Fireworks e clique em Concludo. 6 Especifique um nome e um local para o arquivo PNG de origem. 7 Especifique um nome para os arquivos de imagem exportados.
clique em Salvar. Quando voc retornar ao Dreamweaver, o espao reservado de imagem originalmente selecionado ser substitudo pela nova imagem ou tabela do Fireworks.
Selecione Inserir > Objetos de imagem > HTML do Fireworks. Clique no menu pop-up Imagens: Imagem, na categoria Comum da barra Inserir, e escolha HTML do
Fireworks.
5 Na caixa de dilogo exibida, clique em Procurar para escolher o arquivo HTML do Fireworks desejado. 6 (Opcional) Selecione Excluir arquivo aps insero, para mover o arquivo HTML at a Lixeira (Windows) ou para
documento do Dreamweaver.
Dreamweaver. Voc tambm pode abrir no Dreamweaver um arquivo HTML do Fireworks exportado e ento copiar e colar as sees desejadas em outro documento do Dreamweaver.
O Fireworks atualiza o cdigo HTML e JavaScript no documento do Dreamweaver. O Fireworks tambm exporta imagens atualizadas associadas ao HTML e insere essas imagens na pasta de destino especificada. Nota: Se o Fireworks no conseguir localizar um cdigo HTML correspondente para atualizar, voc ter a opo de inserir um novo cdigo HTML no documento do Dreamweaver. O Fireworks insere a seo JavaScript do novo cdigo no incio do documento e insere o link ou a tabela HTML na imagem, no final.
Selecione ou crie uma pasta denominada Biblioteca no seu site do Dreamweaver como o local para os arquivos. O nome faz distino entre maisculas e minsculas.
Nota: O Dreamweaver no reconhece o arquivo exportado como item de biblioteca, a no ser que ele seja salvo na pasta Biblioteca.
3 Digite um nome de arquivo. 4 (Opcional) Se a imagem contiver fatias, escolha opes de fatiamento. 5 Selecione Colocar imagens em subpasta, para escolher uma pasta separada na qual salvar imagens. 6 Clique em Salvar.
Selecione a imagem desejada. (O Inspetor de propriedades identifica a seleo como uma imagem do Fireworks
e exibe o nome do arquivo de origem PNG conhecido para a imagem.) Em seguida, clique em Editar no Inspetor de propriedades.
Clique duas vezes na imagem que voc deseja editar com a tecla Control (Windows), ou com a tecla Command
(Mac OS), pressionada.
Clique na imagem desejada com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, e
escolha Editar com o Fireworks no menu de contexto.
3 Se solicitado, especifique se deseja localizar um arquivo de origem do Fireworks para a imagem inserida. 4 No Fireworks, edite a imagem.
ou JPEG usado pelo Dreamweaver e salve o arquivo de origem PNG, se um arquivo de origem tiver sido selecionado.
Nota: Quando voc abrir uma imagem no painel do Site do Dreamweaver, o editor padro desse tipo de imagem, que definido nas Preferncias do Dreamweaver, abrir o arquivo. Quando as imagens so abertas a partir desse local, o Fireworks no abre o arquivo PNG original. Para usar os recursos de integrao do Fireworks, abra as imagens a partir da janela do documento do Dreamweaver. Editar uma tabela do Fireworks inserida no Dreamweaver Nota: Antes de editar tabelas do Fireworks a partir do Dreamweaver, realize algumas tarefas preliminares de inicializao e edio. Para obter mais informaes, consulte Definir opes de inicializao e edio na pgina 267.
1 No Dreamweaver, escolha Janela > Propriedades, para abrir o Inspetor de propriedades. 2 Siga um destes procedimentos para abrir o arquivo PNG de origem na janela do documento:
TABLE , na barra de status, para selecionar a tabela inteira. (O Inspetor de propriedades identifica a seleo como uma tabela do Fireworks e exibe o nome do arquivo de origem PNG conhecido para a tabela.) Em seguida, clique em Editar no Inspetor de propriedades.
Selecione uma imagem na tabela e clique em Editar no Inspetor de propriedades. Clique na imagem com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, e escolha
Editar com o Fireworks no menu de contexto.
3 No Fireworks, faa as edies.
O arquivo HTML e os arquivos de fatias de imagem referentes tabela so exportados com o uso das configuraes atuais de otimizao, a tabela inserida no Dreamweaver atualizada e o arquivo de origem PNG salvo. Nota: Voc poder receber um erro do Dreamweaver se aninhar outra tabela dentro da tabela original gerada pelo Fireworks e tentar editar essa tabela usando a edio Circular no Dreamweaver. Para obter mais informaes, consulte a Nota tcnica 19232 no site da Adobe.
Sobreposio simples
Trocar imagem Restaurar imagem trocada Definir texto da barra de status Definir imagem da barra de navegao Menus pop-up
Nota: O Fireworks no oferece suporte para comportamentos no nativos, incluindo comportamentos no lado do servidor.
Selecione Comandos > Otimizar imagem. Clique no boto Otimizar no Inspetor de propriedades. Clique com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, e escolha Otimizar no
Fireworks, no menu pop-up.
2 Se solicitado, especifique se deseja abrir um arquivo de origem do Fireworks para a imagem inserida. 3 Faa edies na caixa de dilogo Visualizao da exportao:
Para editar configuraes de otimizao, clique na guia Opes. Para editar o tamanho e a rea da imagem exportada, clique na guia Arquivo. Se voc alterar as dimenses da
imagem no Fireworks, dever redefinir o tamanho dessa imagem no Inspetor de propriedades quando retornar ao Dreamweaver.
Se voc tiver alterado o formato da imagem, o verificador de links do Dreamweaver solicitar a atualizao das referncias a essa imagem.
4 Clique em Tornar primrio. 5 Repita as etapas de 2 a 4 para definir o Fireworks como principal editor para outros tipos de arquivos de imagem
da Web.
Para obter mais informaes, consulte Preferncias de Iniciar e editar na pgina 306.
remota. Nota: Os comandos de Gerenciamento de arquivos apenas estaro ativados no Fireworks se o documento residir em uma pasta de site do Dreamweaver com um servidor remoto definido. Os comandos de Gerenciamento de arquivos do Fireworks apenas podem ser usados para arquivos que residem em sites que utilizam os mtodos de transporte Local/rede e FTP. Os arquivos em sites que usam mtodos de transporte SFTP ou de terceiros, como SourceSafe, WebDAV e RDS, no podem ser transportados entre o servidor remoto a partir do Fireworks.
Arraste o arquivo da janela Recursos at o local desejado dentro do cdigo HTML, na guia Editar da janela do
documento.
Na guia Editar da janela do documento, posicione o ponto de insero no local em que deseja inserir a imagem
do Fireworks e clique com o boto direito no arquivo da janela Recursos e escolha Inserir como link. criado um link para a imagem do Fireworks no cdigo HTML. Clique na guia Procurar para visualizar a imagem no documento do HomeSite.
> Abrir.
HomeSite.
do HomeSite.
Clique com o boto direito no arquivo de imagem, em uma das guias Arquivos na janela Recursos. Clique com o boto direito na imagem, na guia Miniaturas da janela Resultados. Clique com o boto direito na marca
img associada no cdigo HTML, na guia Editar da janela do documento.
4 Se solicitado, especifique se deseja localizar um arquivo de origem do Fireworks para a imagem inserida. Para obter
mais informaes sobre arquivos PNG de origem do Fireworks, consulte a Ajuda do Fireworks.
5 No Fireworks, edite a imagem.
A janela do documento indica que voc est editando uma imagem do Fireworks de outro aplicativo.
6 Quando terminar de fazer edies, clique em Concludo na janela do documento.
A imagem atualizada exportada de volta ao HomeSite, e o arquivo de origem PNG ser salvo se um arquivo de origem tiver sido selecionado.
O texto TLF do Flash copiado como imagem de bitmap em branco no Fireworks em execuo no Windows.
Converta o texto TLF em texto ASCII e importe-o para o Fireworks.
A funcionalidade de inicializao e edio facilita a edio de grficos do Fireworks a partir do Flash. Quando voc
trabalha no Flash, as preferncias de inicializao e edio definidas no Fireworks sempre so aplicadas.
O estilo HTML do Flash no aceita cdigo de menus pop-up. Comportamentos de botes e outros tipos de
interatividade do Fireworks no so importados no Flash.
Nota: Comportamentos de botes e outros tipos de interatividade do Fireworks no so importados no Flash, j que os comportamentos do Fireworks so ativados por um JavaScript que externo ao formato do arquivo. O Flash usa o cdigo ActionScript interno.
1 Salve o documento no Fireworks. 2 Alterne para um documento aberto no Flash. 3 (Opcional) Clique no estado-chave e na camada para os quais deseja importar o contedo do Fireworks. 4 Selecione Arquivo > Importar. 5 Navegue at o arquivo PNG e selecione-o. 6 Na caixa de dilogo Importar documento do Fireworks, siga um destes procedimentos:
Selecione a opo Importar como um nico bitmap nivelado. Selecione uma opo de importao nos dois menus pop-up.
7 Selecione como importar o texto. 8 Clique em OK.
Nota: Suas selees na caixa de dilogo Importar documento do Fireworks so salvas e usadas como configuraes padro.
filme, que inserido no estado e camada ativos do arquivo do Flash. A hierarquia de camadas e os estados no arquivo PNG so preservados.
Importar todas as pginas em novas cenas como clipes de filme Importa todas as pginas do arquivo PNG e mapeia
cada uma para uma nova cena como clipes de filme. As camadas e os estados nas pginas so preservados. Se j houver cenas no arquivo do Flash, o processo de importao adicionar as novas cenas depois das existentes.
Importar pgina 1 em nova camada A pgina selecionada importada como uma nova camada. Os estados so importados na linha do tempo como estados separados.
Opes para importao de objetos de vetor Importar como bitmaps para manter aparncia Preserva a capacidade de edio de objetos de vetor, a menos que eles tenham preenchimentos, traados ou efeitos especiais no suportados pelo Flash. Para preservar a aparncia desses objetos, o Flash os converte em imagens de bitmap no editveis.
Importar como caminhos editveis Preserva a capacidade de edio de todos os objetos de vetor. Se os objetos tiverem
preenchimentos, traados ou efeitos especiais no suportados pelo Flash, essas propriedades podero ter um aspecto diferente depois que forem importadas.
Nota: O texto TLF do Flash copiado como uma imagem bitmap em branco no Fireworks.
Manter todo o texto editvel Preserva a capacidade de edio de todo o texto. Se os objetos tiverem preenchimentos,
traados ou efeitos especiais no suportados pelo Flash, esses objetos podero ter um aspecto diferente depois que forem importados.
Flash.
4 Na caixa de dilogo Importar documento do Fireworks, selecione uma opo para Em:
Estados atuais como clipe de filme O contedo que est sendo colado importado como clipe de filme, que
inserido no estado e camada ativos do arquivo do Flash. A hierarquia de camadas e os estados no arquivo PNG so preservados.
Nova camada O contedo colado importado como uma nova camada. Os estados so importados na linha do tempo como estados separados.
5 Selecione como importar objetos de vetor. 6 Selecione como importar o texto. 7 Clique em OK.
Nota: As selees na caixa de dilogo Importar documento do Fireworks so salvas e usadas como configuraes padro.
Pasta Pgina 1 // Nomeada com o nome da pgina (se houver mais de uma pgina)
Pgina 1 // Nomeada com o nome da pgina Pasta Estado 1 // Nomeada com o nome do estado (se houver mais de um estado) Estado 1 // Nomeado com o nome do estado Smbolo 1 no Estado 1 // Nomeado com base no nome do smbolo Smbolo 2 no Estado 1 ... Pasta Camadas compartilhadas // Camadas compartilhadas entre estados na Pgina 1 Pasta Camada compartilhada // Nomeada com o nome da camada compartilhada Smbolo de Camada compartilhada
Pasta Pgina 2
Pgina 2 Smbolo 1 na Pgina 2 (para uma pgina sem estados) ...
Se um smbolo utilizar escala com 9 fatias, as quatro guias de fatia sero importadas e preservadas no Flash.
Entretanto, a escala com 9 fatias no preservada para animaes. Os smbolos importados so salvos como smbolos na biblioteca do Flash.
Edies temporrias aplicadas a smbolos elaborados so perdidas. A cpia mestre do smbolo importada. Smbolos de grficos elaborados so armazenados como um arquivo PNG e um arquivo JSF. Apenas o arquivo PNG
importado. Se o smbolo for formado por vrios caminhos, estes sero combinados em um smbolo.
Para obter a funcionalidade total de smbolos elaborados no Flash, substitua-os pela verso do Flash do smbolo.
Se uma camada estiver bloqueada ou oculta, todos os objetos e subcamadas nessa camada herdaro a configurao bloqueada ou oculta e a mantero quando forem importados no Flash. Se voc importar uma nica pgina em uma nova camada do Flash, uma camada ser criada para a pgina inteira, e todos os objetos sero exibidos. Atributos de visibilidade e bloqueio no so preservados.
tamanho mapeado para desfoqueX, desfoqueY distncia mapeada para distncia cor mapeada para cor ngulo mapeado para 180 - (ngulo de Efeito do Photoshop)
Efeito em tempo real do Photoshop - Sombra interna O mapeamento o seguinte:
tamanho mapeado para desfoqueX, desfoqueY distncia mapeada para distncia cor mapeada para cor ngulo mapeado para 180 - (ngulo de Efeito do Photoshop)
Efeito em tempo real do Photoshop - Brilho externo O mapeamento o seguinte:
opacidade mapeada para intensidade cor mapeada para cor tamanho mapeado para desfoqueX, desfoqueY
Efeito em tempo real do Photoshop - Brilho interno O mapeamento o seguinte:
opacidade mapeada para intensidade cor mapeada para cor tamanho mapeado para desfoqueX, desfoqueY Objetos com outros efeitos de camada do Photoshop so rasterizados.
A formatao a seguir perdida durante a exportao para o formato SWF: modo de mesclagem, camadas, mscaras (aplicadas antes da exportao), objetos de fatia, mapas de imagem, comportamentos, preenchimentos de padro e gradientes de contorno.
1 Selecione Arquivo > Salvar como. 2 Insira um nome de arquivo e escolha uma pasta de destino. 3 Para o formato, selecione Adobe Flash SWF. 4 Clique em Opes. Em seguida, selecione uma opo de Objetos:
Manter caminhos Permite manter a capacidade de edio de caminhos. Os efeitos e a formatao so perdidos. Manter aparncia Converte objetos de vetor em objetos de bitmap, conforme necessrio, e preserva a aparncia de
perdidos.
Converter em caminhos Converte o texto em caminhos, preservando qualquer kerning ou espaamento personalizado inserido no Fireworks. A capacidade de edio do texto perdida.
6 Defina a qualidade de imagens JPEG, usando o seletor pop-up de Qualidade JPEG. 7 Selecione os estados a serem exportados e a taxa de estados, em segundos. 8 Clique em OK e, na caixa de dilogo Exportar, clique em Salvar.
Exportar arquivos PNG de 8 bits com transparncia Para exportar arquivos PNG de 32 bits com transparncia, basta importar arquivos de origem PNG do Fireworks diretamente no Flash. Para exportar arquivos PNG de 8 bits com transparncia, complete o procedimento a seguir:
1 No Fireworks, escolha Janela > Otimizar, para abrir o painel Otimizar. 2 Selecione PNG 8 como formato de arquivo de exportao e Transparncia alfa no menu pop-up Transparncia. 3 Selecione Arquivo > Exportar. 4 Selecione Apenas imagens no menu pop-up Salvar como tipo. 5 D um nome e salve o arquivo.
Importar grficos e animaes exportados do Fireworks no Flash 1 Crie um novo documento no Flash. Nota: Se estiver importando um grfico do Fireworks em um arquivo do Flash existente, crie uma nova camada no Flash.
2 Selecione Arquivo > Importar e localize o arquivo de grfico ou animao. 3 Clique em Abrir para importar o arquivo.
Se o grfico tiver sido exportado do Fireworks e voc tiver salvado o arquivo PNG original, poder editar o arquivo PNG no Fireworks a partir do Flash. Quando retornar ao Flash, tanto o arquivo PNG quanto o grfico no Flash sero atualizados.
1 No Flash, clique com o boto direito (Windows), ou com a tecla Control (Mac OS) pressionada, no arquivo grfico
Nota: Se a opo Editar com o Fireworks no aparecer no menu pop-up, escolha Editar com e localize o aplicativo Fireworks.
3 Clique em Sim na caixa Localizar origem, para localizar o arquivo PNG original referente ao seu grfico do
O Fireworks exporta um novo arquivo grfico para o Flash e salva o arquivo PNG original.
Itlico Alinhar (esquerda, direita, centro, justificar) Orientao (horizontal, vertical da esquerda para a direita, vertical da direita para a esquerda) Espaamento entre letras Posio dos caracteres (normal, sobrescrito, subscrito) Kerning automtico Pares de kerning
Para importar rapidamente um texto especfico em um arquivo do Illustrator, copie-o diretamente no Fireworks. O texto copiado mantm todos os atributos de texto.
Preenchimentos de gradiente Gradientes so importados como gradientes nativos do Fireworks. Todos os pontos de
rampa do gradiente so preservados. Os valores de opacidade associados aos preenchimentos de gradiente tambm so preservados durante a importao.
Imagens Os arquivos AI do Illustrator podem conter arquivos vinculados e arquivos inseridos dos seguintes tipos: PDF, BMP, EPS, GIF, JPEG, JPEG2000, PICT, PCX, PCD, PSD, PXR, PNG, TGA e TIFF. Imagens incorporadas so trazidas ao Fireworks como imagens rasterizadas. Entretanto, o Fireworks no pode abrir arquivos AI do Illustrator que contenham imagens vinculadas como EPS e AI. Mscaras de corte O Fireworks oferece suporte importao de mscaras de corte com caminhos e caminhos
Fireworks.
Padres Padres so importados como itens individuais lado a lado. Esses itens so importados como um padro
Adobe Illustrator que contm vrios painis de arte quando desejar importar painis de arte individualmente. Ao importar um arquivo do Adobe Illustrator que contm vrios painis de arte, o menu Pgina habilitado na caixa de dilogo Opes de arquivo vetorial. Selecione o painel de arte que deseja importar no menu Pgina. Cada painel de
arte do Illustrator mapeado para uma pgina do Fireworks. Por exemplo, os painis de arte 1, 2 e 3 do arquivo do Adobe Illustrator aparecero como 1, 2 e 3 no menu Pgina.
Abrindo o arquivo do Illustrator no Fireworks Para abrir todos os painis de arte de um arquivo do Illustrator,
selecione Arquivo > Abrir e abra o arquivo do Illustrator que contm os painis de arte. Como todos os painis de arte so importados como pginas separadas, as opes de converso de arquivo so desabilitadas na caixa de dilogo Opes de arquivo vetorial. Nota: As opes de converso de arquivo so desabilitadas ao importar arquivos do Illustrator de verses anteriores CS3, e para arquivos do Illustrator com apenas um painel de arte.
Mscaras de corte so convertidas em mscaras de objeto, mas sua aparncia ligeiramente alterada. Para manter
a aparncia, mas perder a capacidade de edio, selecione a preferncia Mscaras de corte.
Modos de mesclagem para camadas so convertidos em modos de mesclagem para objetos do Fireworks, se os
modos correspondentes existirem.
Efeitos de camada so preservados por padro. Se voc preferir converter esses efeitos em Filtros em tempo real
correspondentes, selecione a preferncia Efeitos de camada. Entretanto, observe que efeitos e filtros semelhantes podem ter pequenas variaes na aparncia.
O primeiro canal alfa da paleta Canais convertido em reas transparentes na imagem do Fireworks. O Fireworks
no oferece suporte a canais alfa adicionais do Photoshop.
Nota: No Windows, nomes de arquivo do Photoshop devem incluir uma extenso PSD para que o Fireworks reconhea o tipo de arquivo.
1 Siga um destes procedimentos:
Arraste uma imagem ou arquivo do Photoshop at um documento aberto do Fireworks. Selecione Arquivo > Abrir ou Arquivo > Importar e navegue at um arquivo do Photoshop (PSD).
2 Clique em Abrir. 3 Na caixa de dilogo exibida, defina opes de imagem e clique em OK. 4 Se voc tiver usado o comando Arquivo > Importar, ser exibido um cursor com forma de L invertido. Na tela de
desenho, clique no local em que deseja posicionar o canto superior esquerdo da imagem.
Mostrar visualizao para exibir uma visualizao da composio selecionada. A caixa de texto Comentrios exibe comentrios do arquivo do Photoshop.
3 No menu pop-up inferior, escolha como a imagem do Photoshop aberta no Fireworks:
Manter capacidade de edio de camadas sobre aparncia Preserva a maior parte possvel da estrutura de camadas
e da capacidade de edio do texto, sem sacrificar a aparncia da imagem. Se o arquivo incluir recursos no suportados pelo Fireworks, o Fireworks preservar a aparncia do documento ao mesclar e rasterizar camadas. Estes so alguns exemplos:
Camadas CMYK, camadas de ajuste e camadas que usam uma opo de Supresso so mescladas com as
camadas subjacentes.
Camadas que usam efeitos de camada no suportados podem ser mescladas, dependendo do modo de
mesclagem da camada em questo e da presena de pixels transparentes.
Manter aparncia de camadas do Photoshop Nivela todos os objetos em cada camada do Photoshop e converte
cada camada do Photoshop em um objeto de bitmap. Essa opo remove a capacidade de editar as camadas do Photoshop no Fireworks. Entretanto, grupos de camadas so mantidos.
Usar preferncias personalizadas Importa o arquivo usando as configuraes personalizadas de converso de arquivo que voc especificar na caixa de dilogo Preferncias. (Consulte Preferncias de importao e abertura do Photoshop na pgina 306.) Nivelar camadas do Photoshop para uma nica imagem Importa o arquivo do Photoshop como uma imagem nivelada, sem camadas. O arquivo convertido no mantm objetos individuais. A opacidade mantida, mas no pode ser editada.
4 Se voc tiver usado o comando Arquivo > Importar, poder selecionar as seguintes opes:
Incluir camada de plano de fundo Importa objetos a partir da camada de plano de fundo da imagem. Importar para nova camada Importa a imagem em uma nova pasta de camada rotulada Importao do Photoshop.
5 Se voc tiver usado o comando Arquivo > Abrir ou tiver arrastado o arquivo do Photoshop at o Fireworks, poder
Qualidade da exportao Correspondncia aproximada (mapeada para diamante) Correspondncia aproximada (mapeada para ngulo) Correspondncia aproximada (mapeada para radial) Correspondncia aproximada (mapeada para radial) Correspondncia imperfeita (mapeada para expanso de forma) Correspondncia imperfeita (mapeada para linear)
aberta a caixa de dilogo Selecionar uma pasta (Windows) ou Escolha uma pasta (Mac OS). Nota: Se a caixa de dilogo no abrir, clique em Procurar.
4 Navegue at a pasta na qual os plug-ins e filtros do Photoshop ou de terceiros esto instalados e clique em Selecionar
(Windows) ou Escolher (Mac OS). Se aparecer uma mensagem perguntando se voc reiniciar o Fireworks, clique em OK.
4 Reinicie o Fireworks para carregar os filtros e os plug-ins.
Nota: Como alternativa, voc pode instalar plug-ins diretamente na pasta Plug-ins do Fireworks.
converte o texto em camadas de texto editveis do Photoshop. Selecione essa opo se voc planeja editar a imagem extensivamente no Photoshop e no precisa preservar a aparncia exata da imagem do Fireworks.
Manter aparncia do Fireworks Converte cada objeto em uma camada individual do Photoshop, e os efeitos e o
texto se tornam no editveis. Selecione essa opo se quiser manter o controle sobre objetos do Fireworks no Photoshop, mas tambm quiser manter a aparncia original da imagem do Fireworks.
Arquivo do Photoshop menor Nivela cada camada em uma imagem totalmente renderizada. Selecione essa opo
Nota: O Photoshop 5.5 e verses anteriores no podem abrir arquivos com mais de 100 camadas. Ser necessrio excluir ou mesclar objetos se o documento do Fireworks que voc est exportando tiver mais de 100 objetos.
O processo de exportao preserva os comportamentos e as fatias do grfico. Voc pode exportar imagens fatiadas com sobreposies.
Nota: O estilo HTML do Director no aceita cdigo de menus pop-up.
como transparente.
2 Selecione Arquivo > Exportar. 3 Selecione Apenas imagens no menu pop-up Salvar como tipo. 4 D um nome e salve o arquivo.
5 Para cortar automaticamente as imagens exportadas, de forma que elas se encaixem nos objetos em cada estado,
Utilizao do Director.
4 Clique em OK para exibir o grfico importado no item de elenco como um bitmap.
Nota: O local e o nome desse comando de menu podem ser diferentes, dependendo da sua verso do Director.
2 Localize o arquivo HTML do Fireworks exportado para uso no Director. 3 (Opcional) Altere as opes na caixa de dilogo Open Fireworks HTML.
Color Especifica uma profundidade de cores para os grficos importados. Se eles contiverem transparncia, escolha 32 bits de cor. Registration Define o ponto de registro dos grficos importados. Import Rollover Behaviors As Lingo Converte comportamentos do Fireworks em cdigo Lingo. Import To Score Insere membros do elenco em Score aps a importao.
4 Clique em Open.
Os grficos e o cdigo do arquivo HTML do Fireworks so importados. Nota: Se voc estiver importando uma animao do Fireworks, arraste estados-chave no Director para compensar a temporizao de cada camada importada, conforme necessrio.
janela Cast.
2 Selecione Launch External Editor, no menu pop-up.
Nota: Para definir o Fireworks como editor externo para grficos de bitmap, no Director, escolha Arquivo > Preferncias > Editores e defina o Fireworks. O arquivo aberto no Fireworks, e o topo da janela do documento indica que voc est editando um arquivo do Director.
3 Faa alteraes e clique em Done quando terminar.
O Fireworks exporta o novo grfico para o Director. Usando a integrao de inicializao e edio, voc pode fazer alteraes em membros do elenco do Director ao iniciar o Fireworks de forma a edit-los dentro do Director. Voc tambm pode iniciar o Fireworks a partir do Director para otimizar membros do elenco.
Inspetor de propriedades.
2 No Fireworks, altere as configuraes de otimizao. 3 Clique em Update quando terminar. Se a caixa de dilogo MIX Editing aparecer, clique em Done.
Para adicionar metadados, consulte Adicionar metadados usando a caixa de dilogo Informaes do arquivo
na pgina 287.
Para criar novas categorias de metadados, consulte Trabalhar com modelos de metadados na pgina 288. Para importar metadados de um arquivo XML existente, consulte Importar metadados em um documento na
pgina 289.
Use as setas Direita e Esquerda para rolar pelas guias ou clique na seta que aponta para baixo e escolha uma categoria na lista.
Descrio Permite digitar informaes relacionadas ao documento, como ttulo, autor, descrio e palavras-chave que podem ser usadas para procurar o documento. Para especificar informaes de copyright, selecione Com Copyright no menu pop-up Status de Copyright. Em seguida, insira o proprietrio do copyright, o texto de aviso e o URL da pessoa ou empresa que detm o copyright. IPTC Inclui quatro reas: Contedo IPTC descreve o contedo visual da imagem. Contedo IPTC lista as
informaes de contato do fotgrafo. Imagem IPTC lista informaes descritivas da imagem. Status IPTC lista informaes de fluxo de trabalho e copyright.
Dados da Cmera Inclui duas reas: Dados da cmera 1 exibe informaes somente leitura sobre a cmera e as
configuraes usadas para tirar a foto, como marca, modelo, velocidade do obturador e interrupo f. Dados da cmera 2 lista informaes somente leitura relacionadas foto, incluindo dimenses em pixels e resoluo.
Dados de vdeo Lista informaes sobre o arquivo de vdeo, incluindo a largura e a altura dos quadros do vdeo, e
4 Digite as informaes a serem adicionadas em qualquer campo exibido. 5 Clique em OK para aplicar as alteraes.
Escolha Ferramentas > Criar modelo de metadados. Escolha Criar modelo de metadados a partir do menu do painel Metadados.
2 Digite um nome na caixa Nome do modelo. 3 Selecione metadados para serem includos no modelo a partir de campos da caixa de dilogo Criar modelo de
metadados e digite valores para os metadados nas caixas. Nota: Se voc selecionar uma opo de metadados e deixar a caixa correspondente vazia, o Adobe Bridge limpar os metadados existentes quando voc aplicar o modelo.
4 Clique em Salvar.
seguintes etapas:
Escolha Ferramentas > Criar modelo de metadados. Clique no menu pop-up no canto superior direito da caixa
de dilogo Criar modelo de metadados e escolha Mostrar pasta de modelos.
Escolha Arquivo > Informaes. Clique no menu pop-up na parte inferior da caixa de dilogo Informaes do
arquivo e escolha Mostrar pasta de modelos.
2 Selecione o modelo que voc deseja excluir e pressione Excluir ou arraste-o para Lixeira (Windows) ou para Trash
(Mac OS).
Anexar Metadados, seguido do nome do modelo. Esse comando aplica o modelo de metadados somente nos
casos em que no existirem valores ou propriedades de metadados no arquivo.
Substituir Metadados, seguido do nome do modelo. Este comando substitui completamente os metadados
existentes no arquivo pelos metadados do modelo.
Escolha Ferramentas > Editar modelo de metadados, seguido pelo nome do modelo. Escolha Editar modelo de metadados, seguido pelo nome do modelo, a partir do menu do painel Metadados.
2 Insira novos valores para os metadados em qualquer uma das caixas. 3 Clique em Salvar.
A cor do plano de fundo da pgina usada como a cor do plano de fundo durante a visualizao. Se o plano de fundo for definido como transparente, a cor do plano de fundo ser branca durante a visualizao. Use as vrias opes do Device Central quando estiver visualizando o documento.
do Fireworks. Nota: Se desejar criar um documento do Fireworks cujo tamanho seja ligeiramente diferente do tamanho do painel mvel especificado, selecione Usar tamanho personalizado. Modifique os valores conforme necessrio.
3 Clique em Criar. 4 Um documento com o tamanho selecionado ser aberto no Fireworks.
documento do Fireworks. Nota: Ao selecionar dispositivos de tamanhos diferentes, o Device Central cria grupos que contm dispositivos de tamanho similar. Esses grupos so exibidos no painel Predefinies de tamanhos correspondentes.
3 No painel Predefinies de tamanhos correspondentes, selecione o grupo para o qual deseja criar um documento
do Fireworks.
4 Clique em Criar. 5 Um documento com o tamanho selecionado ser aberto no Fireworks.
291
Localizao e substituio
O recurso Localizar e substituir ajuda a procurar e substituir elementos, como texto, URLs, fontes e cores. Esse
recurso pode pesquisar no documento inteiro ou em vrios arquivos.
Localizar e substituir funciona apenas em arquivos PNG do Fireworks ou em arquivos contendo objetos de vetor,
como arquivos do Adobe FreeHand e do Adobe Illustrator.
A B
Exemplo 1
1 Digite K2Editor no objeto de texto. 2 Selecione Editar > Localizar e substituir. 3 Selecione Expresses regulares. 4 Em Localizar, digite (\w+)Editor. 5 Em Substituir, digite $1Soft. 6 Clique em Substituir tudo.
Exemplo 2
1 Digite IndyCar=3500:WRCar=2000 no objeto de texto. 2 Na caixa de dilogo Localizar e substituir, procure (\w{4})(\w{3})=\d+:\w+\2=\d+\d
Selecione Janela > Localizar. Selecione Editar > Localizar e substituir. Pressione Control+F (Windows) ou Command+F (Mac OS).
Nota: Se os arquivos selecionados estiverem bloqueados ou marcados para check-in de um site do Adobe Dreamweaver, voc ser solicitado a desbloque-los ou marc-los para check-out antes de continuar.
3 No menu pop-up Pesquisar, selecione uma origem para a pesquisa. 4 No menu pop-up Localizar, selecione um atributo para pesquisar. Defina as opes para o atributo Localizar
selecionado.
5 Selecione uma opo de localizao e substituio.
Nota: A operao de substituir objetos em vrios arquivos salva automaticamente esses arquivos e no pode ser desfeita.
Apenas os documentos originalmente ativos permanecem abertos. Nota: Se a opo Salvar e fechar estiver desativada e voc estiver fazendo o processamento em lote de vrios arquivos, o Fireworks poder ficar sem memria e cancelar o processo em lote.
3 Selecione uma opo para fazer o backup de arquivos originais:
Sem backups Localiza e substitui sem fazer o backup dos arquivos originais. Os arquivos alterados substituem os
originais.
Substituir backups existentes Cria e armazena apenas uma cpia de backup de cada arquivo alterado durante uma operao de localizar e substituir. Se voc realizar operaes de localizar e substituir adicionais, o arquivo original anterior sempre substituir a cpia de backup. As cpias de backup so armazenadas em uma subpasta denominada Arquivos originais. Backups incrementais Salva todas as cpias de backup de arquivos alterados durante uma operao de localizar e
substituir. Os arquivos originais so movidos para uma subpasta Arquivos originais na sua pasta atual, e um nmero incremental acrescentado a cada nome de arquivo. Se voc realizar operaes adicionais de localizar e substituir, o arquivo original ser copiado na pasta Arquivos originais e o prximo nmero mais alto ser adicionado ao seu nome de arquivo. Por exemplo, para um arquivo denominado Desenho.png, na primeira vez em que voc localizar e substituir, o arquivo de backup ser nomeado como Desenho-1.png. Na segunda vez que voc localizar e substituir, o arquivo de backup ser nomeado como Desenho-2.png e assim por diante.
4 Clique em OK.
Voc pode restringir sua pesquisa por tamanhos de pontos mnimos e mximos.
3 Especifique a fonte, o estilo de fonte e o tamanho de pontos a serem usados como substitutos.
Processamento em lote
O processamento em lote uma forma conveniente de converter automaticamente um grupo de arquivos grficos. Use qualquer uma das opes de processamento em lote:
Converta uma seleo de arquivos em outro formato. Converta uma seleo de arquivos no mesmo formato, com diferentes configuraes de otimizao. Dimensione arquivos exportados. Localize e substitua texto, cores, URLs, fontes e cores no-Web216. Renomeie grupos de arquivos por qualquer combinao de adio de prefixo, adio de sufixo, substituio de
substring e substituio de espaos em branco.
Os arquivos podem estar localizados em diferentes pastas. Documentos abertos podem ser includos no lote. Voc pode salvar o script de processamento em lote para uso posterior sem adicionar arquivos.
Nota: Se os arquivos selecionados estiverem bloqueados ou marcados para check-in de um site do Dreamweaver, voc ser solicitado a desbloque-los ou marc-los para check-out antes de continuar.
2 Selecione os arquivos a serem adicionados ou removidos, clicando na caixa de dilogo Lote (Windows) ou Processo
Nota: Arquivos vlidos so arquivos que foram criados, nomeados e salvos. Se a verso de arquivo mais recente no estiver salva, voc ser solicitado a salv-la para poder continuar o processo em lote. Se voc no salvar o arquivo, o processo em lote inteiro ir parar.
Adicionar tudo Adiciona todos os arquivos vlidos na pasta selecionada lista de arquivos a serem processados em lote. Remover Remove arquivos selecionados da lista de arquivos a serem processados em lote.
3 Para adicionar todos os arquivos abertos no momento, selecione Incluir arquivos abertos atuais.
Esses arquivos no aparecem na lista de arquivos a serem processados em lote, mas so inclusos no processo.
4 Clique em Avanar e siga um destes procedimentos, ou ambos:
Para adicionar uma tarefa ao lote, selecione-a na lista Opes de lote e clique em Adicionar.
Para reordenar a lista, selecione a tarefa na lista Incluir no lote e clique nos botes de seta para cima e para baixo.
Nota: As tarefas Exportar e Renomear sempre so realizadas por ltimo. As outras tarefas so realizadas na ordem em que aparecem.
5 Para exibir opes adicionais para uma tarefa, selecione a tarefa na lista Incluir no lote. 6 Selecione configuraes para cada opo extra. Para remover uma tarefa da lista, clique em Remover. 7 Clique em Avanar. 8 Selecione opes para salvar arquivos processados:
Backups Selecione opes de backup para os arquivos originais. Salvar script Salva as configuraes do processo em lote para uso futuro. Lote Sadas Realiza o processo em lote.
No final do processo em lote, voc receber um aviso se um dos arquivos adicionados ao lote no tiver sido processado. Nota: Um arquivo de log denominado FireworksBatchLog.txt criado durante o processo em lote. Esse arquivo est localizado em:
1 Selecione Exportar na lista Opes de lote e clique em Adicionar. 2 No menu pop-up Configuraes, selecione uma das opes a seguir e clique em OK:
Selecione Usar configuraes de cada arquivo, para manter as configuraes de exportao anteriores de cada
arquivo durante o processo em lote. Por exemplo, quando voc realiza o processamento em lote de uma pasta de GIFs e JPEGs, os arquivos resultantes permanecem GIFs e JPEGs. O Fireworks usa as configuraes originais de paletas e compactao ao exportar cada arquivo.
Selecione Personalizado ou clique em Editar para alterar as configuraes na caixa de dilogo Visualizao da
imagem.
Selecione uma configurao de exportao predefinida, como GIF Web216 ou JPEG - Melhor qualidade. Todos
os arquivos so convertidos nessa configurao.
caracteres que voc especificar ou possibilita a excluso de todos os espaos em branco de cada nome de arquivo. Por exemplo, arquivos como Pic nic.jpg e Slap stick.jpg podem ser alterados para Picnic.jpg e Slapstick.jpg, ou Picnic.jpg e Slap-stick.jpg.
Adicionar prefixo Permite inserir texto a ser adicionado ao incio do nome de arquivo. Por exemplo, se voc inserir noite_, o arquivo Nascerdosol.gif ser renomeado como noite_Nascerdosol.gif quando for processado em lote.
Adicionar sufixo Permite inserir texto a ser adicionado ao final do nome de arquivo, antes da extenso. Por exemplo, se voc inserir _dia, o arquivo Prdosol.gif ser renomeado como Prdosol_dia.gif quando for processado em lote.
Nota: Para cada nome de arquivo alterado, possvel realizar qualquer combinao de operaes Substituir, Substituir espaos em branco, Adicionar prefixo e Adicionar sufixo. Por exemplo, possvel substituir Temp por Festa, remover todos os espaos em branco e adicionar um prefixo e um sufixo, tudo ao mesmo tempo.
3 Clique em Avanar para continuar o processo em lote.
mximo de largura e altura que voc especificar Use Dimensionar para caber na rea para converter um grupo de imagens em imagens em miniatura com tamanho uniforme.
Dimensionar para porcentagem Dimensiona imagens de acordo com uma porcentagem
3 (Opcional) Se voc tiver selecionado Dimensionar para caber na rea, selecione tambm a opo Dimensionar
A substituio em lote afeta apenas os seguintes formatos de arquivo: PNG do Fireworks, Illustrator e FreeHand. A substituio em lote no afeta GIFs e JPEGs.
1 Selecione Localizar e substituir na lista Opes de lote e clique em Adicionar. 2 Clique em Editar. 3 Selecione o tipo de atributo para localizar e substituir.
4 Insira ou selecione o elemento especfico a ser localizado na caixa Localizar. 5 Insira ou selecione o elemento especfico a ser substitudo na caixa Alterar para. 6 Clique em OK para armazenar as configuraes de Localizar e substituir. 7 Clique em Avanar para continuar o processo em lote.
Nota: Alguns comandos no funcionam durante um processo em lote. Selecione comandos que funcionem no documento sem exigirem a seleo de um objeto.
1 Selecione um local para a sada de lote. 2 Selecione Backups para definir as opes de backup. 3 Selecione como voc deseja fazer backup dos arquivos:
Substituir backups existentes Substitui o arquivo de backup anterior.
Backups incrementais Mantm cpias de todos os arquivos de backup. Quando voc executar um novo processo
em lote, um nmero ser acrescentado ao final do nome de arquivo da nova cpia de backup. Nota: Se a opo Backup ficar desmarcada, o processamento em lote no mesmo formato de arquivo substituir o arquivo original se o nome for idntico. Entretanto, o processamento em lote em um formato de arquivo diferente cria um arquivo e no move nem exclui o arquivo original.
Nota: O local exato dessa pasta pode variar. As pastas Comandos esto localizadas na pasta Configurao, na pasta do aplicativo Fireworks, e tambm na pasta de configurao do Fireworks especfica do usurio.
3 Clique em Salvar.
No Fireworks, selecione Comandos > Executar script. Fora do Fireworks, clique duas vezes no nome de arquivo do script no disco rgido.
2 Selecione um script e clique em Abrir.
Arraste o cone do arquivo de script at o cone do Fireworks na rea de trabalho. Arraste o cone do arquivo de script at um documento aberto do Fireworks.
Nota: Arrastar vrios arquivos de script e vrios arquivos de grficos at o Fireworks processa esses arquivos de grficos vrias vezes, uma para cada script.
Extenso do Fireworks
Uma extenso um script de comando, painel de comando, biblioteca, filtro, padro, textura ou Forma automtica que suplementa a funcionalidade do Fireworks. O Fireworks fornecido com o Adobe Extension Manager, que lhe permite instalar, gerenciar e excluir extenses facilmente. Uma coleo de extenses padro aparece no menu Comandos. Se voc tiver habilidade com o JavaScript, poder criar as suas prprias extenses do Fireworks. Tambm possvel usar a Arquitetura de comunicao entre produtos do Fireworks para permitir que aplicativos ActionScript e C++ controlem o Fireworks. Para obter mais informaes, consulte a ajuda de Extenso do Fireworks.
Depois que voc instalar uma extenso ou criar um comando personalizado, o Fireworks colocar o item no menu
Comandos.
Extenses de terceiros so armazenadas em subpastas da pasta Configurao, na pasta do aplicativo Fireworks. Os comandos armazenados como arquivo SWF na pasta Painis de comandos ficam disponveis como painis no
menu Janela.
Os comandos que voc cria e salva usando o painel Histrico so armazenados na sua pasta Comandos do usurio. Para obter mais informaes sobre como estender o Fireworks, consulte a Ajuda do Extension Manager e visite o
Fireworks Exchange em www.adobe.com/go/learn_fw_exchange_br.
Selecione Comandos > Gerenciar extenses. Selecione Ajuda > Gerenciar extenses.
modelo. Para arquivos MXI de amostra, consulte os arquivos MXI na pasta Configurao no local de instalao do Adobe Fireworks CS5.
2 Na tag <files>, faa o seguinte: a No atributo <filename>, especifique o nome dos arquivos que esto presentes localmente e que devem ser
compactados no MXP.
b No atributo <destination>, especifique o local na mquina do usurio em que os arquivos devem ser
instalados.
3 Selecione Comandos > Gerenciar extenses. 4 No Adobe Extension Manager, selecione Arquivo > Compactar extenso MXP. 5 Selecione o arquivo MXI. 6 Especifique um local para o arquivo MXP. 7 Clique duas vezes no arquivo MXP criado no local especificado. Os arquivos mencionados no arquivo MXI so
adicionados ao local especificado no arquivo. Por exemplo, se voc quiser adicionar um conjunto de arquivos STL ao Fireworks, especifique o local dos arquivos STL como $Fireworks\First Run\Styles no arquivo MXI. Quando voc executa um arquivo MXP criado com o uso do arquivo MXI, os arquivos STL so instalados nesse local. Os Estilos podem ser acessados por meio do painel Estilos no Fireworks depois de fechar e reabrir o aplicativo.
Criao de scripts
Criao de scripts com o painel Histrico
O painel Histrico registra uma lista das etapas que voc realizou ao trabalhar no Fireworks. Cada etapa armazenada em uma linha separada do painel Histrico, comeando pela mais recente. Por padro, o painel memoriza 20 etapas. Entretanto, possvel alterar esse valor a qualquer momento. Voc pode salvar grupos de etapas no painel Histrico como um comando que pode ser reutilizado. Como os comandos salvos no so especficos de um documento, eles podem ser usados em qualquer documento do Fireworks. Comandos salvos so armazenados como arquivos JSF na pasta Comandos, da pasta de configurao do Fireworks especfica do usurio. possvel executar comandos gravados ou uma seleo de aes no painel Histrico a qualquer momento.
Clique em uma etapa e clique com a tecla Shift pressionada em outra para selecionar um intervalo de etapas a
serem salvas como um comando.
Clique com a tecla Control (Windows), ou Command (Mac OS), pressionada para selecionar etapas no
adjacentes.
2 Clique no boto Salvar etapas como um comando, na parte inferior do painel Histrico. 3 Insira um nome para o comando e clique em OK.
Arraste o marcador de Desfazer para cima do painel at alcanar a ltima etapa que deseja desfazer ou refazer. Clique ao longo da trilha do marcador de Desfazer esquerda do painel Histrico.
Nota: As etapas desfeitas permanecem no painel Histrico, realadas em cinza.
Limpar etapas libera memria e espao em disco. No possvel desfazer edies de etapas limpas.
As etapas marcadas com um X no podem ser repetidas nem reproduzidas. Linhas separadoras indicam que um objeto diferente se tornou selecionado. Os comandos criados de etapas que cruzam uma linha separadora podem produzir resultados imprevisveis.
Gerenciar comandos
Nota: Voc pode renomear ou excluir qualquer comando criado usando a opo Gerenciar comandos salvos no Fireworks. Use o Extension Manager para outros comandos e extenses que foram instalados com o Fireworks ou que voc baixou e instalou no site Adobe Exchange.
No Fireworks, selecione Comandos > Gerenciar comandos salvos. Em seguida, selecione o comando e clique em
Excluir.
No disco rgido, exclua da pasta Comandos, na pasta de configurao do Fireworks especfica do usurio, o
arquivo JSF referente ao comando. Nota: Para renomear ou excluir um comando fornecido com o Fireworks ou que voc baixou do Adobe Exchange, abra o Extension Manager.
Comandos salvos diretamente na pasta Comandos ou no painel Histrico aparecem imediatamente no menu
Comandos.
Comandos salvos na pasta Painis de comandos ficaro disponveis no menu Janela somente depois que voc
reiniciar o Fireworks.
304
Definir preferncias
1 Escolha Editar > Preferncias (Windows) ou Fireworks > Preferncias (Mac OS). 2 Selecione a categoria de preferncias que voc deseja modificar. 3 Faa as suas alteraes e clique em OK.
Preferncias gerais
Opes do documento Para abrir o aplicativo diretamente na rea de trabalho, cancele a seleo de Mostrar tela inicial.
Para manter as dimenses de traados e efeitos ao redimensionar objetos, cancele a seleo de Dimensionar traados e efeitos.
Salvamento de arquivos Adicionar cones de visualizao (somente Mac OS) Mostre ou oculte miniaturas de arquivos PNG do Fireworks no seu disco rgido. Cancele a seleo dessa opo para exibir o cone tradicional do Fireworks usado para arquivos PNG do Fireworks. As alteraes so efetivadas depois que o arquivo salvo. Quantidade mxima de operaes Desfazer Defina etapas de desfazer/refazer como um nmero entre 0 e 1009. Essa
configurao se aplica ao comando Editar > Desfazer e ao painel Histrico. Um nmero alto pode aumentar a quantidade de memria necessria.
Interpolao Selecione um dos quatro diferentes mtodos de dimensionamento que o Fireworks utiliza para
A interpolao bicbica proporciona a maior e mais ntida qualidade na maioria das vezes, sendo o mtodo padro. A interpolao bilinear gera resultados mais ntidos do que a interpolao Suave, mas no to ntidos quanto
Bicbica.
A interpolao suave, usada no in Fireworks 1, gera um desfoque suave e elimina detalhes ntidos. Ela til quando
outros mtodos geram artefatos indesejados.
A interpolao pelo mais prximo resulta em bordas irregulares e contrastes ntidos, sem desfoque. O efeito
semelhante a aumentar ou diminuir o zoom em uma imagem.
Padres de cor Selecione as cores padro para traados de pincel, preenchimentos e caminhos de realce. As opes de Traado e Preenchimento no alteram automaticamente as cores no painel Ferramentas. Essas opes permitem alterar as cores padro no painel Ferramentas. rea de trabalho Para contrair automaticamente painis encaixados ao clicar fora deles, selecione Contrair painis de
cones automaticamente.
Preferncias de edio
Preferncias de edio controlam a aparncia do ponteiro e pistas visuais para objetos de bitmap.
Excluir objetos ao cortar Exclui permanentemente os pixels ou objetos fora da caixa delimitadora de uma seleo quando voc corta um documento ou redimensiona a tela de desenho. Essa opo vlida somente para objetos de bitmap. Excluir caminhos ao converter em marcas de seleo Exclui permanentemente o caminho aps a sua converso em
marca de seleo.
Cursores do tamanho do pincel Defina o tamanho e a forma dos ponteiros da ferramenta. Para certos pincis largos
com vrias pontas, o ponteiro em cruz usado por padro. Quando essa opo e a opo Cursores precisos esto desmarcadas, os ponteiros de cones de ferramentas so exibidos.
Cursores precisos Substitui ponteiros de cones de ferramentas pelo ponteiro em cruz. Desativar "ocultar bordas Desativa Ocultar bordas quando a seleo alterada. Mostrar visualizao da caneta Fornece uma visualizao do prximo segmento de caminho que ser criado quando
selecion-lo.
Opo Escala com 9 fatias Desagrupa formas automticas automaticamente quando a ferramenta Escala com 9 fatias utilizada, eliminando a caixa de dilogo que pergunta se voc deseja desagrupar essas formas.
horizontal e vertical.
Preferncias de digitao
Entrelinha, Deslocamento da linha de base Alteram o valor de incremento para atalhos de teclado relacionados.
Para criar uma lista completa de atalhos relacionados digitao, consulte Criar uma folha de referncia para o conjunto de atalhos atual na pgina 308.
Nota: Essa alterao ser efetivada depois que voc reiniciar o Fireworks.
Tamanho de visualizao da fonte Especifica o tamanho em pontos de exemplos de fontes em menus. Nmero de fontes recentes Determina o nmero mximo de fontes recm-utilizadas listadas acima do divisor em
menus de fontes. Nota: Essa alterao ser efetivada depois que voc reiniciar o Fireworks.
Fonte padro Especifica que fonte substitui as fontes de documentos ausentes no seu sistema.
Importar.
Mostrar caixa de dilogo Abrir Exibe opes quando voc arrasta arquivos PSD at Fireworks ou usa o comando
Se essa opo estiver desmarcada, o Fireworks adicionar cada camada a um estado separado. Isso til ao importar arquivos que voc deseja usar como animaes.
Imagens bitmap com efeitos editveis Permite a edio dos efeitos nas imagens de bitmap durante uma importao.
editadas.
Texto editvel Importa as camadas de texto como texto editvel. No possvel alterar a formatao do texto, como
traado, sobrescrito, subscrito e hifenizao automtica, no Fireworks. Alm disso, no possvel separar ligaduras no texto de origem.
Imagens bitmap niveladas Importa as camadas de texto como imagens niveladas que no podem ser editadas. Caminhos e efeitos editveis Permite a edio nas camadas de forma e efeitos relacionados. Imagens bitmap niveladas Importa as camadas de forma como imagens niveladas que no podem ser editadas. Imagens bitmap niveladas com efeitos editveis Importa as camadas de forma como imagens niveladas, mas permite
opo se quiser editar essas mscaras no Fireworks. Entretanto, a aparncia varia no Photoshop.
Ao otimizar em aplicativo externo Determina se o arquivo PNG do Fireworks original aberto quando voc
otimiza um grfico. Essa configurao no se aplica ao Director, que sempre abre e otimiza automaticamente um grfico, sem solicitar um PNG de origem, mesmo que voc defina essa preferncia de maneira diferente no Fireworks.
2 Especifique como editar imagens do Fireworks inseridas em aplicativos externos:
Sempre usar PNG de origem Abre automaticamente o arquivo PNG do Fireworks que est definido na Design Note
como origem da imagem inserida. So feitas atualizaes tanto no PNG de origem quanto na imagem inserida correspondente.
Nunca usar PNG de origem Abre automaticamente a imagem inserida do Fireworks, independentemente de haver ou no um arquivo PNG de origem. So feitas atualizaes somente na imagem inserida. Perguntar ao iniciar Permite especificar em cada ocasio se o arquivo PNG de origem ser ou no aberto. Quando voc edita ou otimiza uma imagem inserida, o Fireworks solicita uma deciso de inicializao e edio. Voc tambm pode especificar preferncias globais de Iniciar e editar a partir deste prompt.
Preferncias de plug-ins
Essas preferncias permitem acessar plug-ins adicionais do Adobe Photoshop, alm de arquivos de textura e arquivos de padro. As pastas de destino podem existir no disco rgido, em um CD-ROM, em uma unidade externa ou em um volume de rede. Os plug-ins do Photoshop aparecem no menu Filtros do Fireworks e no menu Adicionar efeitos do Inspetor de propriedades. Texturas ou padres armazenados como arquivos PNG, JPEG e GIF aparecem como opes nos menus Padro e Textura do Inspetor de propriedades. Para obter mais informaes sobre texturas e padres, consulte Adicionar textura a um traado ou preenchimento na pgina 128.
O local exato desse arquivo varia em cada sistema. Consulte Local do arquivo de preferncias do Fireworks na pgina 310
3 Reinicie o Fireworks.
Da prxima vez que o Fireworks for iniciado, um novo arquivo de preferncias ser criado, restaurando o aplicativo para sua configurao original.
5 Na lista Comandos, selecione o comando cujo atalho voc deseja modificar. 6 Clique na caixa de texto Pressione a tecla e pressione as teclas desejadas para o novo atalho no teclado. 7 Para adicionar um atalho secundrio lista de atalhos, clique no boto Criar um novo atalho (+). Caso contrrio,
No Windows, as preferncias esto na pasta de configuraes do Fireworks especficas do usurio. No Mac OS, elas esto na pasta Biblioteca/Preferncias, na sua pasta de usurio. Para obter informaes sobre a
localizao da sua pasta de usurio do Mac OS, consulte a Ajuda da Apple. Nota: No Mac OS, a maioria dos arquivos de configurao especficos do usurio est armazenada na pasta Application Support especfica do usurio. O arquivo Preferncias do Fireworks CS5 uma exceo.