Já faz tempo que recebi um email me perguntando sobre o Fireworks, fui questionado porque o Fireworks ainda existia.
Como sou professor tanto de Fireworks quanto de Photoshop, sempre faço meus comentários e defendo as duas ferramentas, no que de fato elas são melhores.
Essa semana navegando nos sites que sempre olho, encontrei um artigo falando exatamente sobre isso, não tem nada de minhas palavras no artigo, apenas traduzi para compartilhar uma discussão interessante com vocês.
Fireworks é um editor de bitmap e gráficos vetoriais, desenvolvido anteriormente pela Macromedia e desenvolvido desde 2006 pela Adobe. O principal objetivo do Adobe Fireworks é para a criação de gráficos altamente otimizadas para web, tela e diversos dispositivos (deve notar-se que, devido a sua finalidade principal, o Fireworks tem certas limitações: ela só suporta cores RGB / RGBA e do tamanho da tela no máximo de seus arquivos é de cerca de 10.000 × 10.000 pixels).
Com o Fireworks você pode fazer websites, interfaces de usuário e aplicativo de Internet rica (RIA) as interfaces que podem ser editados em ambos os modos vetoriais e de bitmap. O Fireworks tem Pages / Master Pages, Camadas, Estados e Símbolos – todos os recursos que acelera consideravelmente o desenvolvimento de projetos web. Você também pode usá-lo para criar wireframes e protótipos interativos – você pode aplicar os comportamentos em objetos para simular interatividade, você pode adicionar texto, símbolos, imagens e também importar facilmente arquivos do Illustrator e Photoshop, e uma vez prontos, com o desenho que você pode exportar os arquivos como PDF clicável e mock-ups para aprovação.
O Fireworks pode transformar um projeto de design gráfico instantaneamente em um protótipo interativo Web – simplesmente exportar um arquivo PNG de página única ou de várias páginas em HTML, CSS e imagens. Você pode então enviar esse protótipo de um interativo para um cliente para aprovação, ou você ainda pode editar o código exportado (que é quase compatível com as normas e usa uma folha de estilo externa) no Dreamweaver ou qualquer outro editor de código de sua escolha.
O Fireworks pode exportar para JPG, GIF / GIF animado, PNG8/24/32, TIFF e uma variedade de outros formatos gráficos. Os algoritmos de compressão do Fireworks estão a par com, ou até mesmo melhor do que, do Photoshop. Não só isso, mas o Fireworks também pode exportar gráficos diretamente para o formato PNG8 transparência índice alfa + com compatibilidade cross-browser verdade (isso significa que os arquivos PNG exportados serão exibidos corretamente, mesmo no Internet Explorer 6 e 7). Esta é uma das áreas onde se destaca o Fireworks e Photoshop ainda fica para trás. O Fireworks também mostra as opções de compressão excelente para os formatos PNG IPAD e iPhone.
Você também pode exportar arquivos PNG do Fireworks como protótipos aplicativo Adobe AIR ou FXG 2,0 arquivos para o desenvolvimento em Flash Catalyst e Flash Builder (FXG 2.0 também permite uma integração muito melhor com o Illustrator e Photoshop). Você pode criar os componentes da pele, tais como botões, menus e tipos de elementos de formulário para uso no Flash Builder (anteriormente conhecido como Adobe Flex Builder).
Devido ao formato de arquivo nativo do Fireworks – PNG editável (ele simplesmente armazena metadados adicionais para as camadas, animação, dados vetoriais, texto, efeitos). O Fireworks é basicamente uma aplicação de vetores, desenvolvimento para o iPhone é mais fácil e eficaz no Fireworks. Existe uma grande variedade de kits de ferramentas e bibliotecas de símbolos ricos de Fireworks desenvolvimento do iPhone e que podem acelerar seu trabalho de forma mensurável.
O Fireworks pode abrir / importar arquivos nativos do Photoshop e do Illustrator com alta fidelidade de camadas, efeitos e modos de mistura (PSD). (Ai).; Também é possível importar objetos de vetor nativo do Adobe Flash (talvez seja necessário convertê-los para .ai). E a partir do Fireworks você pode facilmente transferir gráfico de volta para o Illustrator e Photoshop. Você também pode levar seu projeto para o Adobe Flash Professional e preservar a camada de estados e símbolos para o desenvolvimento interatividade animação.
Fireworks também é altamente extensível – isto torna possível o desenvolvimento de extensões surpreendentes (como TweetFire, que permite que você instantaneamente tweet a imagem / desenho que você está trabalhando no momento, sem deixar Fireworks), painéis de formas complexas, comandos e automóveis.
So now that we know what Fireworks is capable of, let’s see what designers across the globe are actually doing with it!
The following selection of vector illustrations, logo and icon designs – created in Fireworks – is limited to 19 designers. To make the most of this article, we have made available some Fireworks editable PNG files (.fw.png) which you are welcome to download and deconstruct.
Dave Hogue é o Director de Design da Informação e Usabilidade de fluidos, uma agência de design e desenvolvimento localizado em San Francisco. Suas áreas de interesse incluem design de experiência do usuário, usabilidade, design de interação e design de informação. Dave fala regularmente na Web Experience Fórum e Adobe MAX. Ele é muito ativo na comunidade do Adobe Fireworks e ele regularmente mensagens dicas úteis Fireworks e truques em sua conta no Twitter. @davidhogue
Created in Fireworks CS4, all vectors, and inspired by this tutorial made for Adobe Illustrator (download editable PNG).
Created in Fireworks CS5, all vectors, and inspired by a photo of a real quartz watch (download editable PNG).
Matthew é um designer e ilustrador que funciona nos quadrinhos de grande sucesso. Ele vive em Seattle, Washington, e usa o Adobe Fireworks para tirar todas as histórias em quadrinhos.
Fireworks é destinado ao design web, mas também é uma ferramenta de edição muito capaz de vetores e funciona lindamente se o seu trabalho vai acabar em um site. … Eu não uso o Photoshop e eu sou realmente terrível com ele. Eu também tenho o Illustrator e eu estava usando-o durante alguns meses, mas acabei voltando para o Fireworks, simplesmente porque eu estou mais confortável com isso e é melhor para a criação de conteúdo da web.
Na sequência aqui é uma seleção muito pequena de apenas 5 quadrinhos – tudo feito com o Fireworks (mas é claro que você é bem-vindo a explorar a coleção completa de aveia):
Matthew não usa o Fireworks só para desenhar seus quadrinhos – por exemplo, ver esta bela “Há um pato no meu café” ilustração vetorial, criado inteiramente no Fireworks (veja a imagem do processo).
Você já se perguntou o que acontece por trás das portas fechadas da Adobe? Como as equipes de design estão trabalhando? Quais aplicativos estão criando os ícones e telas de diversos aplicativos da Adobe? Ryan poderia nos dizer muito sobre este assunto, já que ele está trabalhando atualmente como Adobe Design Manager, e antes que ele era criador de experiência sênior da Adobe e Designer Experiência em Macromedia. Sua lista de clientes também incluir Polygram Music, Wired Magazine e muitos outros.
Vamos dar uma olhada em alguns dos seus trabalhos de design e ilustração.
Download the Fireworks PNG file.
Rogie King is the guy behind Komodo Media. He is a web designer, illustrator and blogger. Lately Rogie started a series of tutorials on Fireworks that are becoming more and more popular every day.
Composed entirely of vector artwork in Fireworks, this is a piece of art for the new and upcoming tumblog for rogieking.com.
Criado por Matthias Dietrich para sua loja de desenvolvimento PHP, Rainboxx, este logótipo foi criado inteiramente no Fireworks como vetores. Matthias queria uma evolução de sua marca e uma evolução profissional 3D ícone de sua identidade Rainboxx atual. Você pode ver mais informações sobre o processo, o tiro relacionadas dribbble, e você pode aprender mais sobre o efeito de metal escovado particularmente interessante neste vídeo tutorial.
“Criado no Fireworks, em um estilo pouco diferente. E com a experiência do anterior, foi concluída com facilidade. ”
“Aqui eu tentei concentrar-se na flor, e ao mesmo tempo, combinar dois estilos diferentes entre si (Gongbi e Shuimo). No entanto, acho que ainda precisamos trabalhar na composição. ”
Fabio é um designer gráfico e web a partir de Porto Alegre, Brasil. Ele é o fundador do Abduzeedo, um blog sobre o projeto, e ele e outros designers têm publicado muitos tutoriais sobre Fireworks. Fábio reconhece que o Fireworks é a sua ferramenta favorita e mais versátil para o projeto da Web com as suas capacidades surpreendentes de vetores e opções de edição de bitmap bom também.
caracteres Experimental e iluminação / sombra / simulação de reflexão, trabalho 100% vetor no Adobe Fireworks.
Originally created in Fireworks in 2004 and is all vector work (download Fireworks PNG).
Created in Fireworks, all vector work (download Fireworks PNG).
Mercedes SLA concept car — originally created in 2005 in Fireworks, all vector work (editable PNG is available for download). A curious fact is that the concept of the Mercedes SLA car is as old as the year 2000, however, Mercedes did not yet create such a car — it only remains a concept till now.
Mikko Vartio é um web designer visual de Helsinki, Finlândia. Ele usa o Adobe Fireworks como principal ferramenta para criação de websites, ilustrações, design de interface do usuário e wireframe. Quando não está trabalhando com o Fireworks ele está lendo velhos livros de ficção científica e percorrer as ruas com um longboard.
Para Mikko, Fireworks é a ferramenta perfeita para a entrega de ideias destinado para a tela por causa de sua extensibilidade, .ai nativa / support .psd e precisão milimétrica. Mikko podem ser encontradas no Twitter e no Flickr (onde muitas vezes ilustrações posts Fireworks).
Made in Fireworks CS5 in less than an hour, this funny Darth Vader + Google Android mashup can be also seen as a live design session recorded at 5x speed. Worth watching!
All 100% Fireworks vector work — the original Fireworks PNG file will be available for download as a freebie later at Mikko’s personal blog.
Created in Fireworks CS4, all vectors (download editable PNG).
Created in Fireworks CS3, all vectors (download editable PNG).
Created in Fireworks CS4, all vectors (download editable PNG)
Created in Fireworks CS5, all vectors (download editable PNG).
Craig Erskine nasceu, e ainda está trabalhando, em Green Bay, Wisconsin. Ele tem uma paixão para a concepção e construção de sites compatíveis com padrões, elegantes e acessíveis.
Craig usa o Fireworks e também publica tutoriais Fireworks tutorials.
Created in Fireworks CS4, all vectors (download editable PNG).
Created in Fireworks CS4, all vectors (download editable PNG).
Created in Fireworks for a client, 100% vector work.
Created in Fireworks for pure fun; all vectors.
Everything (except the map, which is an imported bitmap), is done as vectors in Fireworks.
Created in Fireworks CS5, all vectors.
Created in Fireworks CS5, all vectors.
Twitter icons, all re-created in Fireworks vectors.
download iPhone in editable PNG format
Nick é um web designer gráfico e que vive e trabalha em Boise, Idaho (EUA). Você pode verificar seu portfolio e perfil deviantart, onde ele publica algumas de suas ilustrações feitas com o Fireworks.
Created in Fireworks CS3, all vector work (download the Fireworks PNG).
Created in Fireworks CS3, all vector work (download the Fireworks PNG).
Created in Fireworks CS3, almost 100% vector work (download the Fireworks PNG).
Em seguida, você verá mais detalhes sobre a totalidade da marca Adobe CS5, que – não deve ser realmente uma surpresa – não foi feito no Photoshop, mas principalmente no Fireworks.
O trabalho Adobe CS5 foi concebido e executado por Ryan Hicks (chumbo), cheris Shawn e Dave Nelson. Há um artigo muito interessante no blog de Veerle Pieters dedicada ao “making of”. Eu recomendo a leitura deste, bem como Ryan pensamentos sobre o assunto também:
Produzindo bens de quase uma centena de produtos de software independente tem enorme disciplina. Disciplina em que poucas pessoas podem comprometer-se a execução em termos de fantasia, e da disciplina na coordenação e programação de uma centena de ciclos distintos de desenvolvimento de engenharia e seus prazos. E para manter as coisas interessantes, Dave balda pouco antes do nosso cronograma de produção foi definida para começar. Shawn e eu somos agora um exército de dois.
Nossa sobrevivência dependia de arquivos mestre cuidadosamente talhadas que nós criamos para todos os bens construídos à mão primários, tais como ícones de aplicativos e telas. Os arquivos alavancam estruturas, camada inteligente e os atributos de gestão que o Adobe Fireworks faz melhor.
Tornamo-nos, em tantas palavras, uma fábrica de ícones escandalosamente eficiente.
CS5 é a minha terceira iteração da identidade de produtos da Adobe. O projeto foi um dos mais agradáveia e gratificante que tive em meus quase sete anos de trabalho na Macromedia / Adobe.
Todas as telas e muitos dos ícones dos aplicativos CS5 foram feitos no Fireworks – e a maioria deles existem em vários formatos, incluindo fw.png e ai.
Fireworks é uma aplicação sólida para a criação de gráficos para a Web e como John Nack da Adobe Photoshop equipe diz: “formas do Photoshop vetorial e efeitos de camada (AVC, gradientes, etc) são pilares da Web e trabalho de design de móveis, mas eles não ficaram atualizados. Se a equipe do Photoshop for melhorar esta área do aplicativo, que melhorias você considerará as mais importantes? ”
João, então, lista todos os recursos que provavelmente poderia ser adicionado à próxima versão do Photoshop (CS6?). Vamos dar uma olhada na sua lista – eu marquei os recursos que são propostos para ser incluídos na próxima versão do Photoshop, mas já existem no Adobe Fireworks (versão CS5 ou mesmo inferior) em itálico.
1. Ativar “real” formas vetoriais (contornos e preenchimentos diretamente editável, sem dependência de efeitos de camada, ou uma caixa de diálogo).
2. Suporte tracejada e traços da linha pontilhada.
3. Habilitar formas inteligentes – preservar a redondeza canto quando a escala retângulos arredondados; apoio de outras formas com parâmetros (por exemplo, estrelas com um número de pontos ajustável; linhas com setas).
4. Faça efeitos de camada várias melhorias – aplicar efeitos ao nível do grupo camada? Efeitos reordenar, duplicar os efeitos (por exemplo, aplicar vários contornos por camada); permitir a edição baseada em painel de efeitos (em vez de confiar em uma caixa de diálogo); adicionar / editar efeitos sobre várias camadas selecionadas ao mesmo tempo; fazer estilos gráficos “ao vivo” (ou seja, se editar a definição de estilo, todos os objetos de atualização de estilo).
5. Ativar pesquisa camada (ou seja, tipo de filtro por nome da camada ou atributos).
6. Melhorar o comportamento de snap-a-pixel.
7. Melhorar a renderização de texto (isto é possível no Fireworks com a extensão Estilos ClearType).
8. Exportar texto como gráficos e estilos CSS * (este já está parcialmente possível no Fireworks – pode exportar uma Web design gráfico, código HTML / CSS e também pode rapidamente “traduzir” algumas propriedades dos objetos em CSS através de extensões como “Copiar Dimensões CSS a Área de Transferência “).
9. Suporte conjuntos guia (por exemplo, para layouts de grade).
10. os arquivos de suporte ligados (ou seja, editar um arquivo para atualizar botões, ícones, etc através PSDs múltipla).
Como pode ser visto, quase todos os recursos futuros para o Photoshop proposta por John Nack são efectivamente os recursos existentes no Fireworks e são usados por muitos designers de hoje. Será certamente interessante para manter abas sobre a forma como se desenvolve Adobe Photoshop e Fireworks no futuro – e que os designers, então, alcançar.
Adobe Fireworks é um aplicativo de design gráfico poderoso que é usado por muitos profissionais web designers e gráficas, designers UX, ilustradores e artistas visuais. Nas mãos certas, pode produzir belos resultados com notável rapidez. Você já viu alguns desenhos vetoriais complexos, diversas técnicas de desenho, logotipos e ícones e ilustrações simplesmente interessantes.
Talvez o que é a melhor coisa sobre o Fireworks é que se você pretende criar arte no Fireworks, o desenvolvimento do projeto não se limita a apenas Fireworks. Você pode facilmente importar múltiplas camadas. PSD, arquivos. Ai com várias telas de pintura e até mesmo recursos visuais do Flash. E então na outra direção, a partir do Fireworks, você pode transferir elementos gráficos para o Photoshop, Illustrator, Flash Professional e Flash Catalyst. Você pode combinar a velocidade do Fireworks, o poder de vetores, os resultados Pages / Master Pages, símbolos e facilidade de uso em conjunto com as opções de Photoshop e Illustrator e atingir toda a volta, mais rápido e com grande flexibilidade.
Na minha opinião pessoal, existe muito mais do que 7 razões para preferir o Fireworks para o Photoshop. Enquanto o Fireworks pode não ser melhor do que o Photoshop, quando se trata de desenhar para a Web e tela, é mais rápido, mais fácil e pode produzir resultados tão bons como aqueles que podem ser alcançados em Photoshop, Illustrator e outros modernos programas de design gráfico. Fireworks é muito próximo da aplicação real do projeto da Web que Jason Santa Maria não estava discutindo há muito tempo (apesar de que isso aconteça, Fireworks precisaria de desenvolvimento muito mais intenso por parte da Adobe).
E aí você tem a nossa ilustração final. Da próxima vez que você iniciar o Photoshop CS5, você pode refletir que o “peixe azul” tela inicial você vê realmente foi criado no Fireworks – o peso leve, aplicação de desenho versátil, que é responsável pela maior parte da obra de arte em toda a suite Adobe CS5.
Fonte: www.smashingmagazine.com
Artigo Original: http://www.smashingmagazine.com/2010/09/17/the-power-of-adobe-fireworks-what-can-you-achieve-with-it/
Tweetar
7 Depoimentos
Aí… vivo sendo questionado pela mesma coisa. “ah, tu num usa Photoshop, ah, tu num tem o Illustrator, ah, tu num usa Corel”.
e eu sempre respondo que só uso Fireworks pq, para o que eu faço, é mais que suficiente para O MEU TRABALHO.
Muita gente usa Photoshop e Corel pra desenvolver layouts de sites e acham que isso é obrigatório.
Parabéns pelo Artigo, muito confortante =]
Parabéns pelo artigo, muito interessante essas informações sobre o programa fireworks, eu desconhecia essa versatilidade deste programa.
eu sempre usei o “fire”, tenho conhecimento em “photo” mas o que mais uso é mesmo o “fire”.
gosto da ferramenta e recomendo.
legal a materia…
Parabéns Adriano.
Ola Adriano, olha estou com um problemão, ja fazia um tempo que eu não usava o WAMPSERVER, e como ja faz tempo agora estou usando WINDOWS 7 (64Bits) e no mesmo não roda nem a PAU, no WINDOWS VISTA (64Bits) roda numa boa, sabe oq tenho que fazer em relação ao WINDOWS 7, pq não uso mas sistemas de (32Bits), Abraços …
Olá Emerson
Acredito que já tenha resolvido, senão, vc observa algumas coisas. Eu tenho Windows 7 Ultimate 64 bits. Aqui roda numa boa. Verifique sua versão do Windows, e se for a mesma derrepente tenha que reinstalar o sistema operacional .
Nossa, que artigo espetacular! Eu ja conhecia a ferramenta, sabia de seu potencial, porém oq vi aqui vai um pouco além…Muito eu diria. FW é uma ferramenta realmente poderosa, eu particularmente prefiro FW em pra fazer oq faço… Photoshop, Illustrator, Corel entre outros, também são super ferramentas, tudo depende da mão e criatividade de quem esta operando…
Primeira vez que acesso este site, e logo vejo este ótimo artigo, a partir de hoje, vou sempre olhar as novidades que serão postadas. Parabéns pelo seu site e por sua dedicação em informar.
Olá adriano tudo bom cara, parabéns pelo artigo muito legal, me ajudou bastante, mas se possivel poderia me mandar o link de todo este artigo pois, estou fazendo uma monografia utilizando as ferramentas, de web designer fireworks, flash e dreamweaver, seria de grande importância este link para mim, desde já agradeço.