O documento fornece um resumo dos principais recursos e ferramentas do software Fireworks para edição de imagens vetoriais e bitmap. Ele descreve a interface do usuário, incluindo a barra de ferramentas, caixa de ferramentas e painéis. Também explica como abrir e importar arquivos de outros softwares, utilizar ferramentas vetoriais e de bitmap, trabalhar com camadas, cores, efeitos, animações e exportar arquivos para a web.
Esta lição introduz o ambiente de trabalho do Fireworks:
Object
- O Fireworks permite trabalhar com imagens vetoriais e de bitmap no mesmo documento.
- As ferramentas e paletas do Fireworks podem ser usadas para criar e editar objetos vetoriais e imagens de bitmap.
- O Fireworks oferece dois modos principais - Modo Object para criação e edição de vetores e Modo Image Edit para edição de pixels em imagens de bitmap.
Este documento fornece instruções sobre como usar várias ferramentas e recursos do Microsoft PowerPoint 2013. Ele discute como iniciar o PowerPoint 2013, criar uma nova apresentação, inserir slides, formatar slides, inserir imagens, formas, tabelas, caixas de texto, hiperlinks, gráficos, vídeos e planos de fundo. Também aborda animações personalizadas, transições de slides e como salvar apresentações em outros formatos.
O documento descreve um tutorial sobre edição de imagens no Photoshop CS6 ministrado por Alexandre Keese. O tutorial ensina sobre a integração entre fotografia, câmera e Photoshop para produzir resultados surpreendentes, com foco no planejamento e definição de tarefas para os profissionais envolvidos.
O documento descreve um curso sobre o Adobe Photoshop CS6, incluindo suas principais ferramentas e técnicas. O curso é dividido em seis unidades que abordam a interface do Photoshop, abertura e organização de arquivos, ajustes básicos de imagens, uso de camadas, seleção e recorte, e técnicas de retoque.
O documento lista 50 vantagens do software Adobe Fireworks em relação ao Photoshop para criação de sites e layouts para web. As principais vantagens citadas são o alinhamento preciso com pixels, recursos para criação de elementos interativos, painéis para camadas, estados e páginas que facilitam o trabalho, além de ferramentas e funcionalidades mais intuitivas e rápidas para tarefas comuns em design para web.
Um dos programas mais conceituados para criação de elementos gráficos acaba de ganhar uma nova versão. O novo CorelDRAW Graphics Suite tem muitas novidades e mostra que ficar pra trás dos concorrentes não é uma opção dos seus desenvolvedores. Com o CorelDRAW Graphics Suite X6, você pode criar textos com recursos avançados da tipografia OpenType, os quais incluem alternativas de estilo e de contexto, ligaduras, ornamentos, versaletes, variantes de caracteres ornamentados e mais. Além disso, é possível personalizar caracteres de acordo com o idioma com o qual se trabalha.
O documento fornece um guia de utilização do Adobe Fireworks CS5, descrevendo suas principais funcionalidades e como utilizá-las. É dividido em capítulos que cobrem novos recursos, conceitos básicos, a área de trabalho, seleção e edição de objetos.
1. O documento descreve como criar atividades escolares usando o software Ardora versão 3.0.
2. O Ardora permite a criação de diversos tipos de atividades educativas de forma simples e gratuita, como atividades com imagens, jogos de palavras, relacionar termos etc.
3. O documento fornece instruções passo a passo sobre como baixar e instalar o Ardora, conhecer suas ferramentas, criar uma atividade do tipo álbum com imagens e publicá-la
Esta lição introduz o ambiente de trabalho do Fireworks:
Object
- O Fireworks permite trabalhar com imagens vetoriais e de bitmap no mesmo documento.
- As ferramentas e paletas do Fireworks podem ser usadas para criar e editar objetos vetoriais e imagens de bitmap.
- O Fireworks oferece dois modos principais - Modo Object para criação e edição de vetores e Modo Image Edit para edição de pixels em imagens de bitmap.
Este documento fornece instruções sobre como usar várias ferramentas e recursos do Microsoft PowerPoint 2013. Ele discute como iniciar o PowerPoint 2013, criar uma nova apresentação, inserir slides, formatar slides, inserir imagens, formas, tabelas, caixas de texto, hiperlinks, gráficos, vídeos e planos de fundo. Também aborda animações personalizadas, transições de slides e como salvar apresentações em outros formatos.
O documento descreve um tutorial sobre edição de imagens no Photoshop CS6 ministrado por Alexandre Keese. O tutorial ensina sobre a integração entre fotografia, câmera e Photoshop para produzir resultados surpreendentes, com foco no planejamento e definição de tarefas para os profissionais envolvidos.
O documento descreve um curso sobre o Adobe Photoshop CS6, incluindo suas principais ferramentas e técnicas. O curso é dividido em seis unidades que abordam a interface do Photoshop, abertura e organização de arquivos, ajustes básicos de imagens, uso de camadas, seleção e recorte, e técnicas de retoque.
O documento lista 50 vantagens do software Adobe Fireworks em relação ao Photoshop para criação de sites e layouts para web. As principais vantagens citadas são o alinhamento preciso com pixels, recursos para criação de elementos interativos, painéis para camadas, estados e páginas que facilitam o trabalho, além de ferramentas e funcionalidades mais intuitivas e rápidas para tarefas comuns em design para web.
Um dos programas mais conceituados para criação de elementos gráficos acaba de ganhar uma nova versão. O novo CorelDRAW Graphics Suite tem muitas novidades e mostra que ficar pra trás dos concorrentes não é uma opção dos seus desenvolvedores. Com o CorelDRAW Graphics Suite X6, você pode criar textos com recursos avançados da tipografia OpenType, os quais incluem alternativas de estilo e de contexto, ligaduras, ornamentos, versaletes, variantes de caracteres ornamentados e mais. Além disso, é possível personalizar caracteres de acordo com o idioma com o qual se trabalha.
O documento fornece um guia de utilização do Adobe Fireworks CS5, descrevendo suas principais funcionalidades e como utilizá-las. É dividido em capítulos que cobrem novos recursos, conceitos básicos, a área de trabalho, seleção e edição de objetos.
1. O documento descreve como criar atividades escolares usando o software Ardora versão 3.0.
2. O Ardora permite a criação de diversos tipos de atividades educativas de forma simples e gratuita, como atividades com imagens, jogos de palavras, relacionar termos etc.
3. O documento fornece instruções passo a passo sobre como baixar e instalar o Ardora, conhecer suas ferramentas, criar uma atividade do tipo álbum com imagens e publicá-la
O documento descreve as principais ferramentas e funcionalidades do Macromedia Flash 8. O Flash 8 permite a criação de animações, controles de navegação e logotipos animados para a web. Possui ferramentas para desenho, seleção, transformação e edição de objetos, além de permitir a criação de animações e interações complexas sem programação.
We looked at the data. Here’s a breakdown of some key statistics about the nation’s incoming presidents’ addresses, how long they spoke, how well, and more.
The document discusses how startup entrepreneurs think and operate. It notes that startups like Airbnb and Uber were started due to identifying shortages or problems. It emphasizes that startups focus on providing customer benefit, eliminating waste, and creating value. It also highlights that startups operate with speed, embracing failure fast and pivoting quickly, with transparency and by breaking rules. Startups succeed by moving rapidly, with minimal processes and instead prioritizing speed above all else.
This document discusses how emojis, emoticons, and text speak can be used to teach students. It provides background on the origins of emoticons in 1982 as ways to convey tone and feelings in text communications. It then suggests that with text speak and emojis, students can translate, decode, summarize, play with language, and add emotion to language. A number of websites and apps that can be used for emoji-related activities, lessons, and discussions are also listed.
Artificial intelligence (AI) is everywhere, promising self-driving cars, medical breakthroughs, and new ways of working. But how do you separate hype from reality? How can your company apply AI to solve real business problems?
Here’s what AI learnings your business should keep in mind for 2017.
Study: The Future of VR, AR and Self-Driving CarsLinkedIn
We asked LinkedIn members worldwide about their levels of interest in the latest wave of technology: whether they’re using wearables, and whether they intend to buy self-driving cars and VR headsets as they become available. We asked them too about their attitudes to technology and to the growing role of Artificial Intelligence (AI) in the devices that they use. The answers were fascinating – and in many cases, surprising.
This SlideShare explores the full results of this study, including detailed market-by-market breakdowns of intention levels for each technology – and how attitudes change with age, location and seniority level. If you’re marketing a tech brand – or planning to use VR and wearables to reach a professional audience – then these are insights you won’t want to miss.
Este documento fornece instruções para a criação de wireframes de uma página inicial e página de cursos usando a ferramenta online iPlotz. Inclui links para materiais sobre design visual e hierarquia de elementos, além de passo a passo para usar a ferramenta online para criar e editar os wireframes.
1) O documento descreve as principais ferramentas e recursos do programa Dreamweaver CS5 para criação de sites.
2) Dreamweaver permite criar e editar páginas HTML e outros tipos de documentos, além de gerenciar projetos de sites completos.
3) O documento explica como criar documentos, trabalhar com textos, imagens, links, tabelas, folhas de estilo, camadas, formulários e comportamentos no Dreamweaver.
Este documento fornece informações sobre o programa Quanta Plus, incluindo como instalá-lo e usá-lo. Também discute configurações, menus, trabalhos com projetos e criação de modelos.
Este documento descreve os termos de licenciamento para uso e redistribuição de documentos do Centro de Computação da Unicamp. De acordo com os termos, 1) as apostilas podem ser reproduzidas e distribuídas desde que os termos da licença sejam obedecidos, 2) publicações impressas devem citar a origem e direitos autorais, e 3) traduções e trabalhos derivados devem seguir as mesmas normas de distribuição e direitos autorais.
O documento resume as principais funcionalidades e melhorias do Adobe Fireworks CS5, incluindo maior desempenho, precisão de pixels, integração com o Adobe Device Central e compatibilidade com fluxos de trabalho do Flash Catalyst e Flash Builder. Ele também fornece instruções sobre como utilizar as ferramentas e recursos do Fireworks para criar e editar vetores, bitmaps, formas e páginas web.
Este documento fornece um guia prático para iniciantes sobre o Microsoft XNA. Ele explica como configurar o ambiente de desenvolvimento, criar um projeto básico, preparar métodos, entender o mundo 3D, configurar efeitos gráficos e desenhar o primeiro triângulo na tela definindo vértices e cores.
Este documento fornece instruções sobre como usar o Adobe Photoshop CS4. Ele inclui informações sobre ativação e registro, recursos do programa, espaço de trabalho, abertura e importação de imagens, Camera Raw e direitos autorais.
Este manual descreve o software Fenix 1.99 da Nox Automação. Ele contém instruções sobre a instalação e uso das principais funções do sistema, incluindo cadastros, vendas, clientes e relatórios. O manual é dividido em cinco partes cobrindo tópicos como funções comuns, cadastros, vendas, ambientes principais e customização.
O documento fornece uma introdução detalhada às ferramentas e funcionalidades básicas do Photoshop CS6, incluindo como criar e abrir arquivos, fazer seleções, trabalhar com camadas, usar cores e pincéis, e aplicar filtros e ajustes. É apresentado um guia passo a passo para cada uma dessas tarefas fundamentais de edição de imagens no Photoshop.
Este documento apresenta um curso intensivo de Photoshop dividido em 5 lições, abordando conceitos básicos como a interface do usuário, ferramentas, camadas, seleções, transformações, formatos de imagem e otimização para web. A primeira lição foca no ambiente de trabalho, configurações iniciais, criação de documentos e ferramentas de desenho.
O documento fornece uma visão geral do CorelDRAW Graphics Suite X6, incluindo:
1) Melhorias no fluxo de trabalho para aumentar a eficiência, como suporte nativo a 64 bits e processadores de vários núcleos.
2) Capacidade de manter várias bandejas no Corel CONNECT para organizar ativos de projetos.
3) O que está incluído na suíte, como aplicativos, conteúdo, documentação e treinamento.
1. O documento descreve os termos de licenciamento para reprodução e distribuição de documentos do Centro de Computação da Unicamp, incluindo que as versões modificadas devem ser identificadas como tal e que a fonte original deve ser reconhecida.
2. O documento oferece a licença de uso e redistribuição dos materiais sem garantias, e isenta o Centro de Computação da Unicamp de responsabilidades sobre o uso das informações.
Este documento apresenta um manual de utilização do programa Paint em 3 páginas. Explica cada ferramenta da barra de ferramentas do Paint e sua função, como copiar, colar, selecionar, recortar imagens, escrever, alterar cores e estilos de letra. Conclui afirmando ter explicado cada ferramenta do Paint de forma básica.
Instrução de Curso Extensivo de 20 horas referente ao software CAD 3D: SolidWorks Básico. Foram abordadas as técnicas introdutórias para visualização e manuseio da plataforma tridimensional, também modelamento de peças à montagem básica das mesmas.
Este documento apresenta um manual do CorelDRAW Graphics Suite X6, incluindo:
1) Uma introdução ao que está incluído na suíte e como usar o manual e recursos de aprendizagem;
2) Informações básicas sobre o CorelDRAW e o Corel PHOTO-PAINT;
3) Orientações sobre cores, texto e estilos;
4) Um guia sobre conteúdo digital disponível.
Este documento apresenta um manual do CorelDRAW Graphics Suite X6, incluindo:
1) Uma introdução ao que está incluído na suíte e como usar o manual e recursos de aprendizagem;
2) Informações básicas sobre o CorelDRAW e o Corel PHOTO-PAINT;
3) Orientações sobre cores, texto e estilos;
4) Um guia sobre recursos de conteúdo digital.
O documento descreve as principais ferramentas e funcionalidades do Macromedia Flash 8. O Flash 8 permite a criação de animações, controles de navegação e logotipos animados para a web. Possui ferramentas para desenho, seleção, transformação e edição de objetos, além de permitir a criação de animações e interações complexas sem programação.
We looked at the data. Here’s a breakdown of some key statistics about the nation’s incoming presidents’ addresses, how long they spoke, how well, and more.
The document discusses how startup entrepreneurs think and operate. It notes that startups like Airbnb and Uber were started due to identifying shortages or problems. It emphasizes that startups focus on providing customer benefit, eliminating waste, and creating value. It also highlights that startups operate with speed, embracing failure fast and pivoting quickly, with transparency and by breaking rules. Startups succeed by moving rapidly, with minimal processes and instead prioritizing speed above all else.
This document discusses how emojis, emoticons, and text speak can be used to teach students. It provides background on the origins of emoticons in 1982 as ways to convey tone and feelings in text communications. It then suggests that with text speak and emojis, students can translate, decode, summarize, play with language, and add emotion to language. A number of websites and apps that can be used for emoji-related activities, lessons, and discussions are also listed.
Artificial intelligence (AI) is everywhere, promising self-driving cars, medical breakthroughs, and new ways of working. But how do you separate hype from reality? How can your company apply AI to solve real business problems?
Here’s what AI learnings your business should keep in mind for 2017.
Study: The Future of VR, AR and Self-Driving CarsLinkedIn
We asked LinkedIn members worldwide about their levels of interest in the latest wave of technology: whether they’re using wearables, and whether they intend to buy self-driving cars and VR headsets as they become available. We asked them too about their attitudes to technology and to the growing role of Artificial Intelligence (AI) in the devices that they use. The answers were fascinating – and in many cases, surprising.
This SlideShare explores the full results of this study, including detailed market-by-market breakdowns of intention levels for each technology – and how attitudes change with age, location and seniority level. If you’re marketing a tech brand – or planning to use VR and wearables to reach a professional audience – then these are insights you won’t want to miss.
Este documento fornece instruções para a criação de wireframes de uma página inicial e página de cursos usando a ferramenta online iPlotz. Inclui links para materiais sobre design visual e hierarquia de elementos, além de passo a passo para usar a ferramenta online para criar e editar os wireframes.
1) O documento descreve as principais ferramentas e recursos do programa Dreamweaver CS5 para criação de sites.
2) Dreamweaver permite criar e editar páginas HTML e outros tipos de documentos, além de gerenciar projetos de sites completos.
3) O documento explica como criar documentos, trabalhar com textos, imagens, links, tabelas, folhas de estilo, camadas, formulários e comportamentos no Dreamweaver.
Este documento fornece informações sobre o programa Quanta Plus, incluindo como instalá-lo e usá-lo. Também discute configurações, menus, trabalhos com projetos e criação de modelos.
Este documento descreve os termos de licenciamento para uso e redistribuição de documentos do Centro de Computação da Unicamp. De acordo com os termos, 1) as apostilas podem ser reproduzidas e distribuídas desde que os termos da licença sejam obedecidos, 2) publicações impressas devem citar a origem e direitos autorais, e 3) traduções e trabalhos derivados devem seguir as mesmas normas de distribuição e direitos autorais.
O documento resume as principais funcionalidades e melhorias do Adobe Fireworks CS5, incluindo maior desempenho, precisão de pixels, integração com o Adobe Device Central e compatibilidade com fluxos de trabalho do Flash Catalyst e Flash Builder. Ele também fornece instruções sobre como utilizar as ferramentas e recursos do Fireworks para criar e editar vetores, bitmaps, formas e páginas web.
Este documento fornece um guia prático para iniciantes sobre o Microsoft XNA. Ele explica como configurar o ambiente de desenvolvimento, criar um projeto básico, preparar métodos, entender o mundo 3D, configurar efeitos gráficos e desenhar o primeiro triângulo na tela definindo vértices e cores.
Este documento fornece instruções sobre como usar o Adobe Photoshop CS4. Ele inclui informações sobre ativação e registro, recursos do programa, espaço de trabalho, abertura e importação de imagens, Camera Raw e direitos autorais.
Este manual descreve o software Fenix 1.99 da Nox Automação. Ele contém instruções sobre a instalação e uso das principais funções do sistema, incluindo cadastros, vendas, clientes e relatórios. O manual é dividido em cinco partes cobrindo tópicos como funções comuns, cadastros, vendas, ambientes principais e customização.
O documento fornece uma introdução detalhada às ferramentas e funcionalidades básicas do Photoshop CS6, incluindo como criar e abrir arquivos, fazer seleções, trabalhar com camadas, usar cores e pincéis, e aplicar filtros e ajustes. É apresentado um guia passo a passo para cada uma dessas tarefas fundamentais de edição de imagens no Photoshop.
Este documento apresenta um curso intensivo de Photoshop dividido em 5 lições, abordando conceitos básicos como a interface do usuário, ferramentas, camadas, seleções, transformações, formatos de imagem e otimização para web. A primeira lição foca no ambiente de trabalho, configurações iniciais, criação de documentos e ferramentas de desenho.
O documento fornece uma visão geral do CorelDRAW Graphics Suite X6, incluindo:
1) Melhorias no fluxo de trabalho para aumentar a eficiência, como suporte nativo a 64 bits e processadores de vários núcleos.
2) Capacidade de manter várias bandejas no Corel CONNECT para organizar ativos de projetos.
3) O que está incluído na suíte, como aplicativos, conteúdo, documentação e treinamento.
1. O documento descreve os termos de licenciamento para reprodução e distribuição de documentos do Centro de Computação da Unicamp, incluindo que as versões modificadas devem ser identificadas como tal e que a fonte original deve ser reconhecida.
2. O documento oferece a licença de uso e redistribuição dos materiais sem garantias, e isenta o Centro de Computação da Unicamp de responsabilidades sobre o uso das informações.
Este documento apresenta um manual de utilização do programa Paint em 3 páginas. Explica cada ferramenta da barra de ferramentas do Paint e sua função, como copiar, colar, selecionar, recortar imagens, escrever, alterar cores e estilos de letra. Conclui afirmando ter explicado cada ferramenta do Paint de forma básica.
Instrução de Curso Extensivo de 20 horas referente ao software CAD 3D: SolidWorks Básico. Foram abordadas as técnicas introdutórias para visualização e manuseio da plataforma tridimensional, também modelamento de peças à montagem básica das mesmas.
Este documento apresenta um manual do CorelDRAW Graphics Suite X6, incluindo:
1) Uma introdução ao que está incluído na suíte e como usar o manual e recursos de aprendizagem;
2) Informações básicas sobre o CorelDRAW e o Corel PHOTO-PAINT;
3) Orientações sobre cores, texto e estilos;
4) Um guia sobre conteúdo digital disponível.
Este documento apresenta um manual do CorelDRAW Graphics Suite X6, incluindo:
1) Uma introdução ao que está incluído na suíte e como usar o manual e recursos de aprendizagem;
2) Informações básicas sobre o CorelDRAW e o Corel PHOTO-PAINT;
3) Orientações sobre cores, texto e estilos;
4) Um guia sobre recursos de conteúdo digital.
O Corel DRAW é um programa de desenho vetorial bidimensional para design gráfico desenvolvido pela Corel Corporation, Canadá. É um aplicativo de ilustração vetorial e layout de página que possibilita a criação e a manipulação de vários produtos, como por exemplo: desenhos artísticos, publicitários, logotipos, capas de revistas, livros, CDs, imagens de objetos para aplicação nas páginas de Internet (botões, ícones, animações gráficas,
1) O documento apresenta uma apostila sobre o Adobe Flash CS4, com instruções sobre como utilizar as ferramentas e recursos do programa.
2) São descritas as principais ferramentas de desenho vetorial, importação de arquivos, animação, ações, publicação e outros recursos do Flash.
3) A apostila inclui explicações detalhadas com imagens para auxiliar na compreensão dos conceitos e funcionalidades do Flash.
Este documento fornece informações sobre o software GIMP, incluindo sua história, instalação e várias ferramentas. Ele também discute conceitos como camadas e máscaras rápidas.
Este documento fornece informações sobre o Drupal, um sistema de gerenciamento de conteúdo open source. Ele discute o que é Drupal, requisitos e instalação, configurações, conceitos básicos e como começar a administrar um site com Drupal. O documento também inclui uma seção sobre gerenciamento de usuários e conteúdo.
2. HardCore Escola Técnica – Curso Técnico Junior –
ÍNDICE
ÍNDICE .......................................................................................................................................... 2
INTRODUÇÃO .............................................................................................................................. 4
O AMBIENTE DE TRABALHO..................................................................................................... 4
A BARRA DE FERRAMENTAS ................................................................................................... 6
O uso de Painéis ............................................................................................ 6
Abertura de gráficos de outros aplicativos ...................................................... 6
Abertura de arquivos do Fireworks 1 .......................................................... 6
Abertura de arquivos do Photoshop............................................................ 7
Abertura de arquivos do FreeHand, Illustrator ou CorelDRAW ................... 7
CAIXA DE FERRAMENTAS......................................................................................................... 7
RÉGUAS E LINHAS ..................................................................................................................... 8
Réguas ........................................................................................................... 8
Linhas Guias................................................................................................... 8
Grades ............................................................................................................ 9
Modificando a área de sua tela....................................................................... 9
UTILIZAÇÃO DAS FERRAMENTAS VETORIAIS..................................................................... 10
Linha ............................................................................................................. 10
Canetas ........................................................................................................ 10
Ferramenta Retângulo e suas divisões ........................................................ 10
Texto............................................................................................................. 11
Ferramentas de transformação..................................................................... 11
Faca.............................................................................................................. 11
TRAÇOS E PREENCHIMENTOS............................................................................................... 11
Traço ............................................................................................................ 11
Preenchimentos............................................................................................ 12
EFEITOS ..................................................................................................................................... 13
Painel Estilos ................................................................................................ 14
CAMADAS .................................................................................................................................. 15
SÍMBOLOS ................................................................................................................................. 16
Criando Animações ...................................................................................... 17
Exportando a animação ............................................................................ 19
TRABALHANDO COM NOSSAS FORMAS .............................................................................. 21
Alinhamento e distribuição............................................................................ 21
Grupos .......................................................................................................... 22
Transformação dos Objetos.......................................................................... 22
Transformação de Caminhos........................................................................ 22
APLICAÇÕES PARA WEB ........................................................................................................ 23
Criando um layout......................................................................................... 23
2
3. HardCore Escola Técnica – Curso Técnico Junior –
Exportando uma arte fatiada. .................................................................... 24
Rollovers....................................................................................................... 26
Criando Menus Pop-UP ................................................................................ 27
MAPAS DE IMAGENS................................................................................................................ 31
BITMAPS .................................................................................................................................... 31
Mascarando Bitmaps .................................................................................... 32
Ferramentas de desfoque............................................................................. 33
Ferramentas de seleção ............................................................................... 33
Criando um esfumaçamento ..................................................................... 33
Rubber Stamp Tool....................................................................................... 34
CONCLUSÃO ............................................................................................................................. 35
3
4. HardCore Escola Técnica – Curso Técnico Junior –
INTRODUÇÃO
O Fireworks é a solução para produção e projetos gráficos profissionais na
Web. É o primeiro ambiente de produção que supera os desafios especiais que
se apresentam aos desenvolvedores e projetistas gráficos da Web.
Use o Fireworks para criar, editar e animar imagens gráficas na Web, adicionar
interatividade avançada e otimizar imagens em um ambiente profissional. O
Fireworks combina ferramentas de edição de bitmap e vetorial. No Fireworks,
tudo é editável, o tempo todo. E você pode automatizar o fluxo de trabalho
relativo às atualizações e alterações.
O Fireworks é um aplicativo de última geração para elaborar gráficos para usar
na Web. Suas soluções inovadoras atacam os principais problemas com que
se deparam os projetistas gráficos e mestres da Web.
O Fireworks é uma ferramenta de desenho incrivelmente versátil para gráficos
e projetistas da Web. Sua ampla variedade de ferramentas permite a você criar
imagens gráficas utilizando alguns dos melhores recursos de aplicativos
gráficos vetoriais e de bitmap em um único aplicativo. Você pode editar com
flexibilidade de vetor e aplicar efeitos bitmap inclusive chanfros, brilhos, aplicar
sombras e, agora, filtros do Photoshop que redesenham enquanto faz a edição.
O advento do Fireworks libertou os criadores da Web das idas e vindas de uma
série de aplicativos específicos para essa tarefa. Os Efeitos ao Vivo não
destrutivos eliminaram a frustração de ter que recriar gráficos da Web desde o
início, depois de qualquer edição simples. O programa gera JavaScript,
facilitando a criação de rollovers. Os recursos de otimização reduziram o
tamanho do arquivo de gráficos da Web sem prejudicar a qualidade.
O AMBIENTE DE TRABALHO
Ao abrir o Fireworks, será mostrado uma tela sem documento, com uma barra
de ferramentas, uma caixa de ferramentas na lateral esquerda e painéis na
lateral direita e no rodapé será exibida a caixa de propriedades.
4
5. HardCore Escola Técnica – Curso Técnico Junior –
ao clicar sobre o botão Novo e pedir para criar um novo documento, será
mostrada uma janela onde se deve dar informações de tamanho de tela,
resolução a ser trabalhada e cor da tela.
Para uma resolução segura para um site de 800x600 você deve utilizar
5
6. HardCore Escola Técnica – Curso Técnico Junior –
760x420px para uma resolução de 1024x768 use 955x600. Isso se deve pela
área útil de um monitor.
A BARRA DE FERRAMENTAS
A Barra de Ferramentas possui dezenas de ferramentas, algumas das quais
estão organizadas em grupos de ferramentas. Um grupo de ferramentas é
representado por um pequeno triângulo no canto inferior direito da ferramenta.
Clique em uma ferramenta para escolhê-la. Ou, pressione as teclas de atalho
para mudar rapidamente de uma ferramenta para a outra.
O uso de Painéis
Painéis são controles flutuantes que o ajudam a editar diferentes aspectos de
um objeto selecionado. Os painéis permitem trabalhar em molduras, camadas,
símbolos, exemplos de cor, e muito mais. Por exemplo, use o painel Efeito para
selecionar um efeito a ser aplicado em um objeto.
Cada painel pode ser arrastado, portanto você pode agrupar controles em
arranjos personalizados.
Abertura de gráficos de outros aplicativos
Com o Fireworks, você pode abrir arquivos de outros aplicativos ou formatos de
arquivo,
inclusive
arquivos
do
Photoshop,
FreeHand,
Illustrator,
descompactado do CorelDRAW e GIF animados.
Quando abrir um formato de arquivo diferente do PNG usando Arquivo > Abrir,
será criado um novo documento do Fireworks. Enquanto que se o novo
documento for um arquivo PNG, o documento original permanecerá inalterado.
Abertura de arquivos do Fireworks 1
No Fireworks 1, a camada de fundo é uma imagem permanente que abrange
toda a tela, sob a qual nenhum objeto ou camada pode ser colocado. Os
documentos do Fireworks 4 não têm uma camada de fundo permanente.
Quando abrir documentos do Fireworks 1 no Fireworks 4, a camada de fundo
do documento do Fireworks 1 será convertida em um objeto bitmap e colocada
como camada compartilhada na base do documento. Da mesma forma, a
sobreposição de URL no documento do Fireworks 1 é convertida para a
6
7. HardCore Escola Técnica – Curso Técnico Junior –
Camada da Web.
Abertura de arquivos do Photoshop
Quando abrir um arquivo do Photoshop no Fireworks, as camadas de texto.
permanecerão, por padrão, totalmente editáveis, e as camadas do Photoshop
serão
convertidas
para
objetos
do
Fireworks.
Você
pode
modificar
configurações de importação do Photoshop para que camadas do Photoshop
sejam convertidas para molduras do Fireworks, e camadas de texto para
imagens bitmap.
Abertura de arquivos do FreeHand, Illustrator ou CorelDRAW
Você pode abrir um desenho vetorial do FreeHand, Illustrator, ou CorelDRAW
e, em seguida, aplicar edições do Fireworks, tais como, traços de pincel e
preenchimentos texturizados ao desenho.
O Fireworks pode importar arquivos CDR descompactados criados com o
CorelDRAW 7 ou 8 para Windows. O Fireworks não pode abrir ou importar
arquivos CMX ou arquivos CDR compactados.
Como o CorelDRAW suporta um conjunto de recursos diferente do Fireworks,
essas alterações ocorrem na importação de arquivos CDR:
O conteúdo da página principal é repetido em cada moldura do Fireworks.
Apenas os dois objetos finais de uma mistura do CorelDRAW são importados.
Os objetos são agrupados após a importação.
Dimensões converte em objetos vetoriais.
O texto básico é importado. A maioria dos parâmetros de caracteres e
parágrafos não é suportada.
Cores são convertidas para RGB.
CAIXA DE FERRAMENTAS
A Caixa de Ferramentas está subdividida nas seguintes partes:
Selecionar: Possui as ferramentas de seleção, com a subdivisão selecionar
atrás, a ferramenta selecionar secundário, a ferramenta Dimensionar com as
divisões Inclinar e distorcer e a ferramenta cortar com a subdivisão selecionar
para exportação.
Bitmap: Aqui se encontram as ferramentas destinadas ao trabalho com
7
8. HardCore Escola Técnica – Curso Técnico Junior –
imagens, temos as ferramentas de seleção, lápis, borracha, ferramentas de
desfoque, carimbo, conta gotas e balde de tinta que tem como subdivisão a
ferramenta gradiente.
Vetorial: Aqui temos as ferramentas de desenho vetorial como a ferramenta
linha, caneta, retângulo e suas divisões, ferramenta texto, ferramentas de
transformação da arte vetorial e suas divisões.
WEB: Ferramentas destinadas a preparo de sua arte para web
Colors: Ferramentas de preenchimentos e traços.
View: Ferramentas de visualização de seu trabalho.
RÉGUAS E LINHAS
Para facilitar nosso trabalho o Macromedia Fireworks possui quase todos os
recursos dos softwares de computação Gráfica e logicamente que as grades,
réguas e linhas guias fariam parte desse processo. Todas estas opções estão
disponíveis através do menu View.
Réguas
Menu View Rullers
Logicamente que por se tratar de um programa focado em WEb as suas
medidas serão em pixels.
Linhas Guias
Para criar linhas guias em seu documento, basta clicar sobre a régua e arrastar
a linha para dentro de sua área de desenho. Através do Menu View é possível
congelar suas linhas guias, ocultá-las de sua tela e modificar suas
propriedades.
8
9. HardCore Escola Técnica – Curso Técnico Junior –
Grades
Para exibir as grades, Menu View Grid, também é possível controlar as suas
propriedades.
Modificando a área de sua tela
Podemos alterar o tamanho de nosso documento a qualquer momento através
do Menu Modify, Canvas. As opções vão das opções de redimensionamento,
corte e rotação.
9
10. HardCore Escola Técnica – Curso Técnico Junior –
UTILIZAÇÃO DAS FERRAMENTAS VETORIAIS
Uma das maiores vantagens do Macromedia Fireworks é que podemos dentro
dele trabalhar com a criação vetorial e quando salvamos o documento ele é
gravado como um bitmap (PNG). As ferramentas de desenho do ma são
semelhantes a dos demais softwares de desenho vetorial.
Linha
Permite desenhar linhas retas. Você deve clicar em sua tela e arrastar para
definir a dimensão de sua linha.
Canetas
A pen tool permite trabalhar com caminho retos e curvos (Bezier) com a tecla
CTRL é possível mudar a curva de um ponto. Ela possui mais duas subdivisões
que são as ferramentas Vector Path Tool e Redraw Path Tool.
Ferramenta Retângulo e suas divisões
Através da ferramenta retângulo podemos, desenhar retângulos, simples, com
cantos arredondados, elipses, polígonos e estrelas.
Ao chamar a ferramenta de desenho automaticamente, será mostrado na barra
de propriedades, as possíveis modificações a serem feitas, assim como
também após o desenho.
10
11. HardCore Escola Técnica – Curso Técnico Junior –
Texto
A ferramenta texto é uma das mais simples de ser manipulada, pois é
praticamente igual a qualquer outro programa, com a vantagem que você pode
terminar de digitar a palavra e redimensioná-la.
Ferramentas de transformação
Permitem transforma a sua arte, são as ferramentas freeform Tool e Reshape
Área Tool.
Ambas possuem configurações que podem ser alteradas na barra de
propriedades. Ao utilizá-las em suas formas certifique-se que o objeto está
desagrupado se for um texto, clique no Menu Text, Convert to Path para
convertê-lo em caminhos.
As outras ferramentas que fazem parte deste grupo são utilizadas quando se
necessita adicionar ou subtrair pontos de sua forma.
Faca
Como o próprio nome a diz serva para que se possa cortar a arte.
TRAÇOS E PREENCHIMENTOS
Quando se desenha no Macromedia Fireworks podemos observar na caixa de
ferramentas a possibilidade de se trabalhar com cores de preenchimentos e
cores e opções de traços.
Traço
A opção com um risco no meio significa sem cor. Ao desenhar o objeto em sua
tela podemos observar na janela de propriedades que ele permite que se mude
o traço. As opções são:
Cor do Traço: Mostrada pelas cores hexadecimais, qual a sua direção em
relação ao caminho e se quer preenchimento acima do traço. A categoria de
seu traço.
11
12. HardCore Escola Técnica – Curso Técnico Junior –
Podemos também alterar o sombreamento, o tipo de textura e o
arredondamento.
Preenchimentos
Como no caso do traço o quadrado com um risco no meio significa sem
preenchimento, as outras opções são:
Cor: Temos cores sólidas, Gradientes, Cores WEB e Padrões.
Com certeza a parte mais interessante destas cores são os gradientes., que
podem ser Linear, radial, Elipse, Retangular, Cone, Starburst, barras, Ripples,
Waves, Satin e Folds. Temos ainda a possibilidade de se modificar
12
13. HardCore Escola Técnica – Curso Técnico Junior –
manualmente o gradiente, bem definir as suas cores.
Podemos ainda aplicar desfoques e texturas junto a nossos preenchimentos.
Você pode observar que na imagem acima existe uma linha com um quadrado
em uma das extremidades e uma circunferência na outra esta barra permite
definir como é aplicado o gradiente em sua forma.
EFEITOS
Você pode observar que na barra de propriedades, além dos traços e
contornos, existem ainda uma terceira divisão onde podemos trabalhar os
modos de combinação entre os elementos, grau de transparência e efeitos a
serem aplicado neles.
Para aplicar um efeito em sua arte, basta apenas clicar sobre o sinal de mais
(+) e escolher o efeito, será aberta uma tela de propriedades do efeito. É
13
14. HardCore Escola Técnica – Curso Técnico Junior –
possível aplicar vários efeitos a um único objeto, e caso não queira mais o
efeito poderá eliminá-lo ou apenas ocultá-lo.
Alguns filtros para Photoshop também podem ser aplicados ao Fireworks como
é o caso do EyeCandy, o próprio programa traz uma versão light de um dos
mais conhecidos plug-ins para Photoshop.
Painel Estilos
O Macromedia Fireworks possui um painel chamado styles onde podemos
armazenar algum estilo criado e reaproveitá-lo em nosso projeto sempre que
for necessário.
Basta desenhar seu objeto, aplicar seu efeitos e com seu objeto selecionado,
clique no botão New Style.
14
15. HardCore Escola Técnica – Curso Técnico Junior –
CAMADAS
Ao desenhar um objeto no Macromedia Fireworks automaticamente será criada
uma camada para acomodar seu objeto. Isso permite uma melhor organização
e a possibilidade de se ocultar objetos temporariamente em seu trabalho.
15
16. HardCore Escola Técnica – Curso Técnico Junior –
A paleta camadas possui duas divisões a opção Web Layer é definida para
quando se trabalha com a possibilidade utilização para Web.
SÍMBOLOS
Quando se cria uma arte no Macromedia Fireworks podemos atribuí-las como
símbolos, ou podemos utilizar os símbolos da biblioteca do próprio Macromedia
Fireworks.
Os símbolos a serem criados são: Gráficos botões e Animações.
Para criar seu símbolo, desenhe a sua arte formate-a e depois, clique com o
botão direito sobre ela e escolha Convert to Symbol, ou selecione a sua arte e
clique no botão novo símbolo da paleta Library, ou pressione F8.
Vamos escolher Button.
Ele modifica sua área de trabalho para a tela de edição do botão, onde temos
inicialmente a opção UP, que será a forma de seu botão quando mostrado na
tela.
Clique na guia Over (Esta é a forma que o botão terá quando o mouse rolar
sobre ele). Para que se possa copiar o botão anterior para as modificações
16
17. HardCore Escola Técnica – Curso Técnico Junior –
escolha Copy Up Graphic.
Aplique um efeito diferente ao seu botão.
Para a opção Down, apenas copie o mesmo estilo, repita o processo para a
opção Over While Down( Formato do botão enquanto pressionado).
Em Active Área, deve-se tomar um cuidado muito grande com a área de clique
de seu botão representado pelo retângulo verde, ele deve estar bem acertado
sobre o seu botão.
Na barra de propriedades, você deve preencher os dados para onde vai o link
deste botão.
Na opção Link, digite o link para onde direcionará o link, a opção ALT, é um
texto que aparece quando se coloca o mouse sobre a imagem a opção Target
é para qual janela ou quadro se destina o seu Link.
Pressione F12 para visualizar seu botão no Navegador.
Criando Animações
Crie uma arte conforme imagem.
17
18. HardCore Escola Técnica – Curso Técnico Junior –
Selecione a sua estrele e converta-a em um símbolo tipo Animation.
Será aberta a janela de Animation.
Que deve configurar como será aplicada a sua imagem. Defina conforme a
imagem.
Para que o seu texto faça parte de todos os seus frames animados, no painel
Layers, clique sobre a seta para as opções de camadas e escolha Share this
18
19. HardCore Escola Técnica – Curso Técnico Junior –
Layer. Será mostrada a seguinte tela.
Clique em OK.
Você poderá observar que junto ao seu símbolo possui um controle de
recorder.
Exportando a animação
Clique no Menu File e escolha Export Wizard.
Na primeira tela, clique em Ok.
Na segunda Tela escolha a opção GIF Animado.
19
20. HardCore Escola Técnica – Curso Técnico Junior –
Na opção Animation, podemos definir qual será o tempo que cada frames
deverá permanecer na tela até que se mude o frame, o padrão é 7/100
segundos.
20
21. HardCore Escola Técnica – Curso Técnico Junior –
Clique sobre a opção Export , defina um nome ao seu arquivo, e o seu gif
animado está pronto.
TRABALHANDO COM NOSSAS FORMAS
Ao trabalharmos com mais de um objeto será necessário a manipulação de
nossos objetos.
Alinhamento e distribuição
É necessário que ao trabalharmos com nossos desenhos sempre tenhamos
cuidado com o posicionamento dos mesmo em nosso trabalho, e para isso
podemos fazer uso das opções de alinhamento e distribuição do Macromedia
Fireworks.
Podemos utilizar os botões da barra de ferramentas, do menu Modify ou
podemos chamar a paleta Align.
21
22. HardCore Escola Técnica – Curso Técnico Junior –
Grupos
Quando trabalhamos com muitos objetos é aconselhável que se agrupe os
objetos que no momento não será utilizados e que são partes do mesmo
projeto, podemos utilizar para isso nossa barra de propriedades ou o menu
Modify.
Transformação dos Objetos
Podemos alterar nossos objetos em sua escala, distorção, giros.
Podemos acessar estas opções através caixa de ferramentas ou através do
Menu Modify.
Transformação de Caminhos
Ao termos dois ou mais objetos podemos trabalhar com estes caminhos.
Para isso selecione seus objetos e clique no menu Modify, Combine Paths...
Union: Unifica os caminhos selecionados.
Intersect: deixa visível apenas à parte onde os objetos estão interseccionados.
Punch: O objeto superior corta o objeto inferior.
Crop: Semelhante à intersecção, mas deixa visível a cor do objeto de fundo.
22
23. HardCore Escola Técnica – Curso Técnico Junior –
APLICAÇÕES PARA WEB
Quando se trata de web, podemos cria layouts, botões e símbolos como já
vimos, menus pop-up, rollovers, etc...
Criando um layout
Comece um novo documento com 760x420 e desenhe o seu Layout.
Poderíamos exportar nosso layout básico desta forma, mas isso vai gerar uma
imagem muito pesada e que demoraria em ser carregada. Um dos recursos
que o Macromedia Fireworks tem é o fatiamento de uma arte para layout.
Na opção Web da caixa de ferramentas temos a opção Slice tool.
Clique sobre ela e fatia a sua imagem conforme imagem.
Observe que na barra de propriedades, podemos dar um nome a nossa fatia,
23
24. HardCore Escola Técnica – Curso Técnico Junior –
definir as suas medidas, atribuir links,etc...
Continue fatiando o seu Layout conforme abaixo
Exportando uma arte fatiada.
Após definir quais seriam as divisões de sua tabela, é necessário agora fazer a
exportação da tabela.
Clique no Menu File, Export Wizard.
Na primeira etapa apenas clique em OK. Na segunda etapa defina para qual o
tipo de aplicativo vamos exportar nosso Layout, em nosso caso marque a
opção Dreamweaver.
24
25. HardCore Escola Técnica – Curso Técnico Junior –
Será dada uma tela de aviso sobre utilizar GIf ou JPEG em seu HTML, clique
em Exit. A próxima tela ele mostrara o desenho de seu layout.
clique em export.
Na janela de salvar o objeto, você deve observar o seguinte onde diz HTML,
deve estar marcado a opção HTML and Images, e caso seja necessário
marque a opção Put Images in Subfolder e defina para qual pasta as imagens
devem ir.
25
26. HardCore Escola Técnica – Curso Técnico Junior –
Rollovers
Podemos definir comportamentos de troca de imagens facilmente no Fireworks.
Vimos como fazer isso através de símbolos vamos como isso é feito através de
comportamentos.
Desenhe a sua arte.
Faça uma cópia dela e a cole em outra camada.
Clique com o botão direito do mouse na arte e escolha Insert Slice. Sua arte
ficara com uma marca de slice sobre ela.
Clique com o botão direito e escolha, Add Swap Image Behavior.
26
27. HardCore Escola Técnica – Curso Técnico Junior –
Criando Menus Pop-UP
Um dos maiores recursos do Macromedia Fireworks é a possibilidade se criar
27
28. HardCore Escola Técnica – Curso Técnico Junior –
Menus PoP-UP.
Crie um retângulo que será à base de seu menu.
Crie o slice e depois clique com o botão direito e escolha Menu Pop-UP.
Nesta tela você deve definir qual o texto de seus botões no menu, os links e os
destinos se houverem.
Na guia Appearance, devemos definir qual será a aparência dos botões.
28
29. HardCore Escola Técnica – Curso Técnico Junior –
Na guia Advanced podemos definir as propriedades de células e bordas de
nosso Menu.
E na guia Position, podemos definir como sra a posição do Menu em relação
ao botão principal.
29
30. HardCore Escola Técnica – Curso Técnico Junior –
Podemos ainda acrescentar barras de navegação e mensagens na barra de
30
31. HardCore Escola Técnica – Curso Técnico Junior –
status.
MAPAS DE IMAGENS
Podemos criar de nossas imagens áreas clicáveis para que venham a ser
nossos mapas de imagens.
Crie uma imagem mais complexa ou importe uma imagem qualquer.
Junto ao botão de slice temos as opções de HostPost.
As opções são, retangular, elíptica e poligonal.
ao terminar de se fazer o desenho é possível modificar as propriedades de seu
mapa de imagens. Definindo link, nome e destino.
BITMAPS
O Modo de edição de Bitmaps do Macromedia Fireworks não é tão completo
como, por exemplo, o do Photoshop ,mas os recursos aqui disponíveis
superam e muito outro programas destinados somente a este recurso.
31
32. HardCore Escola Técnica – Curso Técnico Junior –
Mascarando Bitmaps
Abra uma imagem qualquer no Macromedia Fireworks.
Desenhe uma forma por cima de sua imagem.
Recorte seu objeto.
Clique na imagem de fundo
Menu Modify, Mask, Paste as Mask
Podemos ainda aplicar efeitos do Macromedia Fireworks em nossa máscara.
32
33. HardCore Escola Técnica – Curso Técnico Junior –
Ferramentas de desfoque
As ferramentas de desfoque permitem que possa trabalhar em sua imagem.
As ferramentas são Blur,Sharpen, Dodge, Burn e Smudge.
Ferramentas de seleção
As opções de ferramentas de seleção que temo são retangular, Oval, laço e
laço poligonal e varinha mágica.
Criando um esfumaçamento
Abra uma imagem qualquer e desenhe ao redor dela um retângulo de seleção.
Clique no Menu Select e escolha Feather, defina a quantidade de pixels que
33
34. HardCore Escola Técnica – Curso Técnico Junior –
deseja esfumaçar.
Clique novamente no menu select e escolha Select Inverse, depois pressione
DELETE. Depois deselecione ( Menu select, deselect)
Rubber Stamp Tool
Também conhecida como carimbo, ela permite que se copie uma parte de uma
imagem para outra parte facilmente.
Basta posicionar o mouse onde quer capturar, pressionar a tecla ALT e clicar.
Depois é só ir copiando.
34
35. HardCore Escola Técnica – Curso Técnico Junior –
CONCLUSÃO
Como pode ser visto nas páginas anteriores o Macromedia Fireworks é um dos
mais complexos e fascinantes programas do mercado de Webdesign,
logicamente que não foi possível explorar todas as ferramentas e opções
existente em um programa tão completo como esse, mas com certeza foi
explorado e explicado as mais importantes ferramentas e modos de trabalha
com este fascinante programa.
35