Aula 04 Tipos de arquivos e Fireworks Tipos de arquivos Algumas extensões de arquivo de imagem Extensões mais utilizadas Extensão Nome próprio Descrição.bmp Windows Bitmap Usado pelos programas Microsoft Windows, e o pelo próprio sistema operador do Windows. Compressão sem perdas de informação pode ser especificada, mas alguns programas usam apenas arquivos não-comprimidos..gif Graphics Usado extensivamente na web, mas por vezes evitado devido a problemas de.jpeg.jpg.png.psd.tiff.tif Interchange Format Joint Photographic Experts Group Portable Network Graphics Photoshop Document Tagged Image File Format patente. Suporta imagens animadas. Usado extensivamente para fotos na web. Usa compressão com perda de informação; a qualidade pode variar enormemente dependendo das definições de compressão. Formato de imagem bitmap (mapa de bits) comprimido sem perdas de informação, originalmente designado para substituir o uso de GIF na web. Formato padrão da Adobe para documentos do Photoshop. Possui muitos recursos extras como image layering. Suportado por poucos programas fora o Adobe Photoshop. Usado extensivamente para gráficos tradicionais impressos. Compressões com e sem perdas de informação disponíveis (LZW, ZIP e JPEG) assim como outras opções. 1
Fireworks O Fireworks é a solução definitiva para a produção e o design gráfico profissionais para a Web. Ele é o primeiro ambiente de produção a identificar e solucionar os desafios especiais que os desenvolvedores e os designers gráficos da Web enfrentam. É possível usar o Fireworks para criar, editar e animar gráficos da Web, adicionar interatividade avançada e otimizar imagens em um ambiente profissional. No Fireworks, pode-se criar e editar gráficos vetoriais e de bitmap em um único aplicativo. É possível editar tudo a qualquer momento. Também é possível automatizar o fluxo de trabalho para atender às demandas de atualizações e alterações demoradas. Execute Menu Iniciar > Programas > Macromedia > Criando de um novo documento A seleção de File (Arquivo) > New (Novo) ou Ctrl+N permite criar um novo documento PNG (Portable Network Graphic) no Fireworks. PNG é o formato de arquivo nativo do Fireworks. Depois de criar gráficos no Fireworks, é possível exportá-los ou salvá-los em outros formatos gráficos para a Web conhecidos, como JPEG, GIF e GIF animado. Também é possível exportar ou salvar gráficos em vários formatos populares usados fora da Web, como TIFF e BMP. Sejam quais forem as configurações de otimização e exportação escolhidas, o arquivo PNG do Fireworks original é preservado para permitir a edição fácil posteriormente. Para criar um gráfico da Web no Fireworks, primeiro é necessário configurar um novo documento ou abrir um documento existente. 2
Para criar um novo documento: 1. Selecione File (Arquivo) > New (Novo) ou Ctrl+N. A caixa de diálogo New Document (Novo documento) é aberta. 2. Digitar as medidas de largura e altura da tela em pixels, polegadas ou centímetros. 3. Digitar uma resolução em pixels por polegada ou pixels por centímetro 4. Selecionar branco, transparente ou uma cor personalizada para a tela. Obs. A janela pop-up da caixa de cor Custom (Personalizar) permite selecionar uma cor de tela personalizada. Tela principal 3
Menu de ferramentas Algumas ferramentas podem apresentar variações. Quando isto ocorre, uma pequena seta é mostrada no canto inferior direito do botão. Clicando sobre ela e mantendo o botão do mouse pressionado por alguns segundos, um grupo de botões é apresentado. Veja as imagens a seguir: 4
Barra de propriedades Área de trabalho Nome do arquivo (superior) Modos de visualização (superior) Dados do arquivo (inferior) Tamanho, tempo que levaria para ser carregado com uma conexão de 56kbps e tipo de arquivo Comandos para animação, resolução do arquivo e porcentagem de zoom 5
Camadas Cada objeto de um documento reside em uma camada. O usuário pode criar as camadas antes de desenhar ou adicioná-las, conforme a necessidade. O painel Layers (Camadas) exibe a ordem de empilhamento de camadas e objetos. Essa é a ordem em que eles aparecem no documento. O Fireworks empilha as camadas com base na ordem em que foram criadas, inserindo a última camada criada no topo da pilha. A ordem de empilhamento determina a forma como os objetos de uma camada se sobrepõem aos objetos de outra. A ordem das camadas e dos objetos pode ser reorganizada em camadas. O painel Layers exibe o estado atual de todas as camadas da moldura atual de um documento. O nome da camada ativa é realçado no painel Layers. É possível expandir uma camada para exibir uma lista de todos os seus objetos. Os objetos são exibidos como miniaturas. O painel Layers também mostra máscaras. Selecionar a miniatura da máscara permite editá-la. O painel Layers também oferece a possibilidade de criar novas máscaras de bitmap. Documento com um retângulo Uma imagem e um retângulo Camada bloqueada 6
Quatro retângulos em cinco camadas diferentes Texto Menus File > Edit 7
View > Select > Modify > Text > Commands > Filters > 8
Window > Help > Barra de propriedades de um retângulo 9