Adobe Fireworks

Você precisa de um programa para criar belos layouts para sites grátis e aplicativos móveis sem fazer muito esforço, e o melhor, sem escrever muitos códigos CSS? Com Fireworks você terá todas essas funcionalidades e muitas outras, como: vetorizar imagens e imagens bitmap, mock-ups, gráficos 3D e conteúdo interativo para tablets e smartphones mais populares. O Adobe Fireworks CS6 é uma ferramenta multi-tarefas que serve tanto para editar imagens, como para criar layouts para sites, blogs e smartphones.

O software oferece ferramentas muito úteis que irão agilizar o seu trabalho em 100%. Caso queira personalizar banners, botões, fontes você poderá utilizar os estilos pré-definidos todos categorizados de acordo com sua necessidade.

Você também pode utilizar os javascripts, behaviours e protótipos pré-definidos que serão muito úteis para criação do seu layout. Cada modificação pode ser visualizada em tempo real, isso torna o trabalho mais produtivo. Crie sites, interfaces de usuários e ricos protótipos que podem ser editados tanto em vetores quanto em bitmaps.

Com Fireworks CS6 ficou mais rápido e fácil para converter seus projetos em CSS3 de conteúdo para sites, smartphones e tablets. Produzir temas para celular com o novo suporte jQuery, e adicionar sprites CSS a partir de composições de design. Dentre as novidades temos um sistema que permite extrair códigos CSS a partir da ferramenta “Ponto de acesso retangular” na guia Web. Você pode alterar dinamicamente as cores do elemento, fontes, gradiente e proporção, bastando importar O HTML e CSS do editor Adobe Dreamweaver CS6. Outra novidade está na função jQuery Mobile, que permite criar APIs  mais atraentes para dispositivos móveis.

Implemente design praticamente em qualquer lugar

No programa é possível criar gráficos, com camadas alpha transparentes, que serão exibidos corretamente em qualquer navegador. Aperfeiçoe seu design para sites, enriqueça aplicações e dispositivos móveis! Edite as habilidades de outros programas gráficos para maior desenvolvimento com o Fireworks. Aproveite para integrar as revisões do cliente no processo do design.

Uma boa novidade no Fireworks CS6 são os workflows (fluxos de trabalho) suportados com as aplicações do Adobe Flash. Exporte objetos, páginas ou documentos inteiros para aplicações no Adobe Flash para desenvolver com maior interatividade. O formato FXG, baseado em XML, ajuda a garantir criações ricas que são precisamente convertidas e prontas para implementação. Outra nova característica é a renderização perfeita de pixels que mantém os projetos nítidos em telas de qualquer tamanho.

Novidades do Fireworks CS6

Cores

O recurso de cores tornou-se mais fácil e intuitivo, agora é possível visualizar a cor exata com toda precisão e informação que você precisa. Escolhendo o balde de tinta, você verá uma caixa destacada logo abaixo, clique e escolha a cor, veja que à medida que você vai passando o mouse vai mostrando a cor em Hexadecimais e RBG, você também pode alterar a opacidade da cor selecionada.

Nesta mesma caixa você também tem a opção de alterar o tipo de ferramenta que vai usar, como: cor sólida (solid), gradiente (gradient), padrão (pattern) que pode ser encontrada no final na caixa. Você pode escolher diversos tipos de gradientes, ao passar o mouse por cima de cada um, veja o resultado ao lado.

Kuler

Kuler é uma ferramenta online que permite gerar esquemas de cores para seus projetos, seja ele um site, logo, anúncio vetor ou desenho. No Fireworks CS6 esta ferramenta é incorporada como plugin. Para acessar clique em Janela > Extensões > Kuler, depois de aberto mostrará os esquemas de cores mais populares. Ao encontrar um tema que lhe agrade, você poderá copiar os códigos hexadecimais das cores do respectivo tema. A partir daí, basta você inserir no seu site. Você também pode fazer o upload do seu tema e deixar a ferramenta verificar qual o melhor esquema de cores do seu template.

Sprite

Depois que você fizer o template é preciso gerar Sprites CSS que consiste em fatiar vários elementos para que sejam editados posteriormente no seu editor, seja ela Adobe Dreamweaver, Notepad++ ou qualquer outra. Cada um dos gráficos na imagem do sprite pode ser processado separadamente em uma página HTML usando os dados fornecidos na folha de estilo CSS.

Você pode utilizar a ferramenta Web Slices para renderizar imagens na web. Utilizando essa ferramenta o usuário terá que criar fatias para a imagem exigida no design da página web e usar essas fatias como imagens individuais na página web. Este método acelera o tempo de resposta da página melhorando o carregamento de todas as imagens em uma página da web.

Biblioteca comum e Alterar caminhos

Ao abrir a opção de biblioteca comum, você terá disponíveis diversos gráficos prontos e divididos por categorias para serem usados no seu projeto, seja ele qual for. Os gráficos podem ser editados para melhor adaptar-se ao seu layout.

Na janela “Caminho” você terá o controle total do seu vetor, crie o seu vetor, entre na opção janela e veja que na primeira opção você poderá combinar os pontos, podendo juntar, dividir, unir, fazer uma interseção, perfurar, aparar, cortar os pontos facilmente.
Na opção “alterar os pontos”, você poderá simplificar, expandir, converter traçados, inserir, abrir/fechar contorno, inverter contorno, inverter caminho, extrusão, está opção pode deixar seu vetor em 3D.  Você pode ainda mesclar o caminho, deformar, ajustar pixels ou utilizar o efeito olho de peixe nos pontos.

Creative Cloud

Projetar para celular é algo cada vez mais exigido de um designer. Pode ser um pouco difícil no início, mas os resultados de um trabalho bem feito podem ser compensadores. Se você está projetando para uma determinada plataforma móvel, como sistemas Android, OS da Palm, iPhone da Apple, ou Flash, o Fireworks conta com as ferramentas de design que você precisa para criar maquetes bonitas e otimizadas, gráficos prontos na tela rapidamente. As habilidades do Fireworks foram refinadas ao longo dos anos para torná-lo uma ferramenta verdadeiramente útil ao usuário.

Adobe Fireworks CS6 para Windows

Como Baixar Adobe Fireworks CS6 para Windows

Para você baixar o Adobe Fireworks CS6 é preciso ter uma conta na Adobe, depois que a conta for criada. Clique no botão “Baixar agora” para fazer o download do Creative Cloud, caso você esteja logado na sua conta Adobe, o download começará automaticamente pelo o gerenciador CC. Depois de instalado, para executar vá em  Iniciar > Todos os programas > Adobe Fireworks. Lembre-se que o software é uma versão de teste por um período de 30 dias.

Interface

O Adobe Fireworks CS6 não mudou muito seu visual em comparação a versão anterior, pois Adobe é uma empresa que leva sua identidade visual muito à sério. Na esquerda você tem as ferramentas de edição e criação e na direita estão as informações sobre a mídia e suas ferramentas auxiliares.

Na parte superior, temos os menus que estão divididos de acordo com suas funções. No menu Arquivo, podemos Abrir, Criar um novo documento, Salvar, Importar e Exportar, Configurar a Página, etc. No menu “Filtros” você pode aplicar diversos efeitos na imagem ou gráficos bitmap.

Criar site com Fireworks ou Photoshop

Muitos desenvolvedores utilizam o Photoshop CC para criar seu layout, sendo que o usuário deve conhecer muito bem as ferramentas para utilizarem ao seu favor. A princípio o PS foi desenvolvido para editar e criar efeitos especiais para imagens, mais com o passar dos anos muitos profissionais fazem grandes layouts utilizando ele. Porém, ele não possui uma integração com nenhum editor HTML e também não possui a ferramenta de fatiar para web.

No Fireworks CS6, em comparação ao PS tudo é diferente, ele possui total integração com Dreamweaver e também permite fatiar todo seu layout para web, facilitando assim o trabalho do programador ou webmaster. Ele permite criar Sprite CSS facilmente, bastando colocar todos os ícones que desejar em um documento PNG e exportar como Sprite CSS, assim ele vai gerar a imagem e um arquivo .txt com o CSS.

Avaliação Zigg

O Fireworks CS6 é uma ferramenta indispensável para web design, por ser um programa que possui todas as ferramentas que serão necessárias para um bom trabalho. Todo começo de projeto o design deve apresentar um briefing (rabisco) e para esse procedimento utilizam-se os modelos de Wireframes (elementos de Ads, iPad, iPad, iPhone, jQuery Bootstrap, elementos diversos, sites.

Criar um esboço do projeto é essencial para criar um bom planejamento, para que as ações sejam decididas de forma certa.  Depois que seu briefing for aprovado, você deve desenvolver o layout utilizando os modelos de Grid para deixar os elementos alinhados. Após o layout pronto, você deve utilizar a ferramenta Web Slices para fatiar os gráficos para internet.

O foco principal do Fireworks é a criação e publicação de sites, anúncios, banners, protótipos para dispositivos móveis na internet. O interessante é que você pode fazer uma integração com o Dreamweaver, desta forma você poderá modificar os códigos HTML, CSS, entre outros. Como havia dito anteriormente você tem uma variedade de estilos que permite personalizar seus botões, caixas de busca e fontes.