Os melhores tutoriais e efeitos de Fireworks

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
fw01.jpg
Aprenda a desenhar linhas brilhantes no Fireworks.

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

Estilo Apple Air
fw3.jpg
Veja como fazer de forma simples uma bela maça no estilo Apple Air, através do Fireworks

Sombra em Foto
fw5.jpg
Aprenda a criar aquele efeito realístico de sombra em fotos com Fireworks

Criando uma cena noturna
fw6.jpg
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
fw7.jpg
Efeito real de uma gota d’água feito no Fireworks

Motion Blur
fw8.jpg
O motion blur, quando bem aplicado, rende boas imasgens no Fireworks

Criando o papel de parede do Vista
fw9.jpg
Olha aí, quem diria que o bonito papel de parede do Vista pode ser feito no Fireworks

Suavização de imagem
fw10.jpg
Juntando uma imagem com a cor de fundo. Essa é simples, com Fireworks

Efeitos Aqua
fw11.jpg
Tutorial de efeitos aqua para ser utilizado em vários ícones, feito no Fireworks

Criando Ilustrações
fw12.jpg
Veja nesse tutorial como criar belas ilustrações com Fireworks

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

Efeito Durex
fw14.jpg
Durex é a marca, poderiamos dizer efeito fita crepe ou algo assim. Mas olha que interessante essas técnicas de colagem com Fireworks

Usando Distorção 3D
fw15.jpg

http://www.adobe.com/devnet/fireworks/articles/3d_rotate_command.html

Quando utilizado com bom senso pode ficar legal.

Entrelace de letras
fw16.jpg
Entrelaçando letras facilmente com Fireworks, tutorial em vídeo.

Por Bruno Ávila » Botões, Fireworks, Webdesign, Ícones

15 comentarios on “Os melhores tutoriais e efeitos de Fireworks”

  • 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

    24-03-08 » 2:05 am »

  • 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!

    24-03-08 » 2:07 am »

  • gabriel

    integração com o dreamweaver??? como assim, um é código outro layout, ou vc anda usando o “exportar html” do fireworks hehehe

    25-03-08 » 4:39 pm »

  • 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!

    25-03-08 » 9:19 pm »

  • Lia

    Eu já disse que amo esse blog?? :D

    31-03-08 » 1:46 pm »

  • 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

    22-02-09 » 3:04 pm »

  • 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!!

    09-03-09 » 3:07 am »

  • Michael Doni

    YAHOOOOOOOO

    Muito bom!!
    D+

    03-06-09 » 4:58 pm »

  • 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

    13-07-09 » 3:52 am »

  • 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

    17-08-09 » 11:00 am »

  • Andre Lopes

    Legal!

    16-09-09 » 4:59 pm »

  • 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…

    01-11-09 » 12:24 am »

  • 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 =)

    06-01-10 » 12:03 am »

  • Douglas

    Oi Bruno D’ávila, vc tá de Parabéns!
    Continue assim!

    15-01-10 » 2:02 pm »

  • Leticia

    Muito legal,mais eu õ sei mecher =C

    24-02-10 » 2:44 pm »

Comente!