Tenha seus sites analisados por Bruno Ávila e aprenda técnicas de Design e Comunicação Web nos cursos ministrados por Bruno.
Fireworks é um ótimo editor de imagens para criação de layout web. Durante muito tempo usei o Photoshop e em 2000 mudei para o Fireworks pois na época era o software mais otimizado para criação web. Tanto que depois o Photoshop incorporou algumas ferramentas do FW finalizando então na aquisição da Macromedia.
Porém, quem acha que o Fireworks só faz retângulo, circulos, linhas e curvas, está enganado. Podemos criar inúmeros efeitos, não deixando nada a dever ao Photoshop e outros programas. Aqui listo 15 efeitos interessantes que irão ajudar você na criação de seus layouts.
Linhas Brilhantes

Aprenda a desenhar linhas brilhantes no Fireworks.
Criando ícone 3D

Neste tutorial você vai aprender a criar um ícone 3D no FireWorks. A partir desse processo você poderá criar muitos outros.
Estilo Apple Air

Veja como fazer de forma simples uma bela maça no estilo Apple Air, através do Fireworks
Sombra em Foto

Aprenda a criar aquele efeito realístico de sombra em fotos com Fireworks
Criando uma cena noturna

Tem coisa que esse Fireworks faz que você só pensava que só o Photoshop era capaz. Um exemplo é esse cenário noturno com direito a nuvens e lua cheia.
Uma bela gota

Efeito real de uma gota d’água feito no Fireworks
Motion Blur

O motion blur, quando bem aplicado, rende boas imasgens no Fireworks
Criando o papel de parede do Vista

Olha aí, quem diria que o bonito papel de parede do Vista pode ser feito no Fireworks
Suavização de imagem

Juntando uma imagem com a cor de fundo. Essa é simples, com Fireworks
Efeitos Aqua

Tutorial de efeitos aqua para ser utilizado em vários ícones, feito no Fireworks
Criando Ilustrações

Veja nesse tutorial como criar belas ilustrações com Fireworks
Efeito Vidro

Um tutorial que irá mostrar como dar aquele efeito de letras em vidro.
Efeito Durex

Durex é a marca, poderiamos dizer efeito fita crepe ou algo assim. Mas olha que interessante essas técnicas de colagem com Fireworks
http://www.adobe.com/devnet/fireworks/articles/3d_rotate_command.html
Quando utilizado com bom senso pode ficar legal.
Entrelace de letras

Entrelaçando letras facilmente com Fireworks, tutorial em vídeo.
Um pequeno menino risonho e falante, que gosta de arroz, batata-frita e chocolate. Sua diversão é fazer layouts, publicidade e cursos marotos para alunos supimpas. E nas horas vagas, claro, trabalha um pouquinho. ;D
27 Comentários
Cristiano Santos
Sem dúvidas, o Fireworks é tão bom que fez Photoshop se adaptar alguns pontos em relação ao seu concorrente (hoje irmão mais novo!). Mas hoje acredito que é questão de detalhe para cada designer optar por um ou por outro. O Fireworks tem muitas particularidades que são bem absorvidas por muitos designers e não por outros e vice-versa. Mas acho que o principal ponto em q
Cristiano Santos
(continua…) Mas acho que o principal ponto em que o Fireworks leva vantagem é a integração com o Dreamweaver já no desenvolvimento da produção do site em si! É uma mão na roda!
gabriel
integração com o dreamweaver??? como assim, um é código outro layout, ou vc anda usando o “exportar html” do fireworks hehehe
Cristiano Santos
Oi Gabriel, na verdade não curto esses recursos automáticos não! Trabalho no DW com o código aberto para ir limpando a sujeira que ele deixa; mas quando falei da integração me referi à situações onde você precisa corrigir alguma imagem abrindo o PNG referente, é a maior mão na roda!
Abraços!
Lia
Eu já disse que amo esse blog??
Paulo Henrique
Cara, parabéns, muito bom estes tutoriais, parabéns mesmo, continue assim que este site é cada vez melhor visto!
parabéns!
abraço
wagner
cara! sou novo no ramo de design em web, terminei um curso há puco tempo, aprendi o básico de fireworks, estes tutoriais estão me tirando muitas dúvidas…
Valeu!!
Michael Doni
YAHOOOOOOOO
Muito bom!!
D+
Antonio MArcos
Olá Bruno como sempre tirando as duvidas dos web design.
Tenho utilizado muito o fireworks e tenho um projeto de um site que vou ter que utilizar imagens .png
Queria saber qual a melhor forma de ixibir estas imagens .png com transparência no navegador IE6 ?
Obrigado
Marcos
Michael Doni
Bom dia Antonio
Uma forma de usar a transparencia em IE6 seria colocar este comando no CSS, em um arquivo separado de formatação. Exemplo “ie-6.css”
Dentro dele fazer a chamada com a transparência: {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/bordabaner1.png’,sizingMethod=’image’)}
Para maiores informações, mande um email para softdoni@terra.com.br
Atenciosamente,
Michael Doni
Andre Lopes
Legal!
reginaldo
MUITO BOM HEIN.. NEM ENTENDO NADA DE FIREWORKS… E GOSTEI MUITO, PARABENS PELO SITE E PELOS TUTORIAIS.. 200%
ESPERO QUE EU APRENDA.. HEHEHE É A 1ª VEZ Q VENHO NO SITE E GOSTEI BASTANTE. VLW ABRAÇOS…
joão barros
caaara!… de mais mesmo, seus tutoriais tem sido cruciais pro meu crescimento no meu estágio de web design.
poderia te chamar de messias ou coisas do genero xD mas deixo apenas o meu ‘muito obrigado’ de verdade pra vc brother, continue dando essas dicas e tutoriais , pois hj em dia , o ensino anda tão escasso. as pessoas já não tem esse espirito de compartilhar sua sabedoria com as de mais, e por isso, é q estamos no mundo em q estamos xD
abração brother,fique com Deus =)
Douglas
Oi Bruno D’ávila, vc tá de Parabéns!
Continue assim!
Leticia
Muito legal,mais eu õ sei mecher =C
Rafael Carvalho
Bruno,
Muito bom os tutoriais.
Eu trabalho no mercado imobiliário e vez por outra envio para clientes informações sobre produtos que estou negociando, via email.
A principio faço no indesign cs5, tranformo em pdf, e depois em tiff e envio como figura.Uso tambem, quando precisa, o Photoshop
Tem sido um diferencial.
Conheci o Fireworks recentemente e estou testando, pois sou autodidata.
Aproveitando seus conhecimentos pergunto: qual é a melhor maneira de enviar material dos produtos que trabalho, para os cliente via emai?
Vai ser necessario aprender programação?
Qual dos programas da adobe, na sua opinião, é melhor para fazer isso?
obrigado
Rafael Carvalho
Bruno Ávila
Olá Rafael,
Prefira o PDF ou JPG. São arquivos que hoje todo mundo consegue abrir e que não ficam tão grandes.
Abraços,
Bruno
Lucas Peperaio
Rapaz, parabéns pelo excelente conteúdo, continue assim
Rose
as páginas já nã estão mais acessiveis, espero que em breve podemos visualizá-las novamente
Daniel
Oi Bruno, cara faço as palavras do amigo João Barros,meus parabens pela sua bondade e paciencia em disponibizar seus conhecimentos,
Tenho 56 anos, fui layoutman, pastup, e por fim produtor grafico,tdo no tempo da pranchet, não existia nada parecido com fireworks, photoshop,corel, freehend etc.
Mas, to ai tentando, conheço um poucode alguns programas, como corel e photoshop.
Quando encontro sites ou blogs como o seu, nosaaaa, sem palavras.
que Deus te abençõe e muito obrigado, parabens
Paulo Ric
Bruno,
primeiramente parabens pelo conteudo.
tenho uma duvida:
com o fireworks eu consigo fazer o efeito constante do link abaixo:
http://www.whitesnake.com/
me referi a palavra ao fonte e efeito usado na palavra “WHITESNAKE”
Grato,
se possivel me avise por email.
Victor Alves
Parabéns pelo site, gostaria de aprender a fazer isso: http://ag-imoveis.sites.uol.com.br/img/logo_ag.jpg
JEFERSON
Parabéns, vc recomenda alguma apostila ou tutorial pra que esta começando com dream e fireworks
Grato.
Leonardo
O Bruno . no fireworks quando eu faço um layout , depois quando eu vou visualizá-lo na página pra ver como ficou o trabalho sempre sobra um espaço em branco ! em vez dos layouts ocuparem a tela toda como toda página normal de internet , sempre sobra um espaço em branco ! o que eu faço ? Obrigado desde já , Abraço
Bruno Ávila
Leonardo, vc utiliza a ferramenta de criação de página HTML automático do Fireworks? Não recomendo, o melhor seria vc estudar e se aprofundar no HTML. É de fácil entendimento e fundamental para todo web designer. Tendo conhecimento sólido em HTML vc resolveria esse e outros problemas facilmente.
Victor
Porque o uso do FIREWORKS aumenta a velocidade montagem de um pequeno site ?
Victor
Quem manja no DREAMWEAVER me explique qual são as pricipal finalidade do DREAMWEAVER para a montagem de um site ?