Fireworks: 45 Excelentes e Úteis Tutoriais

Você é como Tio Brunaldo, também usa Fireworks em suas criações? Anda procurando por aí tutoriais bacanas de efeitos com Fireworks? Quer dar uma incrementada em seus layouts com efeitos em Fireworks? Pois então esse post é pra você! ;D

Já demonstrei aqui algumas vezes o meu apreço por esse software, como você pode conferir aqui e aqui. E a cada dia mais e mais web designers vem descobrindo o Fireworks como ferramenta ideal para criação de layouts para a web.

O post de hoje serve para reafirmar o poder deste software, onde trago 45 excelentes e úteis tutoriais de efeitos utilizando apenas Fireworks da aext.net, para você aprender, brincar e se divertir.

Logotipo Metalizado

Designing An Effective Gaming Clan Logo in Adobe Fireworks

 

Sombra Circular e 3D

Circular Shadows & Highlights

 

Criando um ícone de Máquina Fotográfica

Easy Camera Icon in Fireworks

 

Botão RSS metalizado

Fancy Rss Button Tutorial

 

Criando um Slideshow com Adobe Fireworks

Create a Slideshow in Adobe Fireworks CS4

 

Mesclagem de fotos com efeito Fading

Create a Collage by Fading Images in Fireworks CS4

 

Chave antiga com formas compostas

Antique skeleton key with compound shapes

 

Apple Air Banner

Apple Air Banner

 

Protótipos interativos em PDF

Interactive Prototypes in PDF

 

Criando Interfaces para Celulares

Fireworks CS5 with Device Central

 

Como criar uma barra de navegação estilosa?

How To Create a Stylish Navigation Bar In Adobe Fireworks

 

Design de Interação e rápido protótipo com Fireworks

Interaction design and rapid prototyping with Fireworks

 

Como destacar itens e pessoas?

How to make items and people stand out

 

Efeito fading em linha

Creating A Fading Line Effect Using Adobe Fireworks CS4

 

Botões de Vidro

Creating a Glass Button in Adobe Fireworks CS4

 

Efeito de brilho em textos

Text Glow effect

 

Gráficos para backgrounds e papéis de parede

Creating graphics for custom wallpapers and backgrounds.

 

Botões metalizados e brilhantes

Tech Orb Interface Video

 

Criando um Candy Button

Adobe Fireworks Tutorial – Creating A Candy Button

 

Texturas em textos

Creating a fancy text effect in Adobe Fireworks

 

Criando um layout com Fireworks

The Abduzeetles Rockband Website in Fireworks

 

Criando uma corda

Create a rope

 

Gotas d`água

Water Drops

 

Como criar uma dobra de página

How to Create a Page Curl in Adobe Fireworks

 

Máscara com Fireworks

Masking in Fireworks CS4

 

Criando um ícone

Creating an icon

 

Papel de fotografia

Rapid Fire Photo-Realistic

 

Gota d’àgua II

WaterDrop

 

Criando Papel de parede do Vista com Fireworks

Create Vista-like Wallpapers

 

Fireworks Aqua

Fireworks Aqua

 

Motion Blur

Motion Blur

 

Fading com Fireworks

Fading An Image Into The Background Color

 

Sobreposição de letras com máscaras

Vector Masking Interlocking Letters

 

Efeito pixelizado

Pixelate Effect Tutorial

 

Criando um texto desgastado e manchado

Creating Grunge Text

 

Criando post-its

Sticky Notes

 

Botão em gel/plástico

Gel Cap / Plastic Button

 

Como usar o Quickmask?

Fireworks Quick Tips - How to use QuickMask

 

Efeito para Banners

Abduzeedo Job Board banner

 

Luzes Neon

Amazing Neon Lights

 

Criando um header bem legal com Fireworks

Creating a cool website header

 

Fita adesiva

Scotch Tape Tutorial

 

Botões de Cristal

Crystal buttons

 

Criando um Iphone

Creating the iPhone Frame

Para o alto e Avante!

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

15 Comentários

  • Felipe

    26/03/2012 às 11:30 am

    Simplesmente Fantásticos Tutoriais!
    Parabéns!

  • lucas

    26/03/2012 às 12:39 pm

    como sempre Tio brunao um maximo uma pergunta seu colesterol é alto pois vc gosta de arroz,batata-frita e chocolate se cuida n queremos ter uma noticia ruim de vc

  • Bruno Ávila

    26/03/2012 às 1:04 pm

    Lucas, meu colesterol é normal, graças a Deus. ;)

  • Matheus

    26/03/2012 às 1:12 pm

    Entra ano, sai ano, e os tutoriais de FW são os mesmos, rs

  • Pedro Ezequiel

    26/03/2012 às 2:29 pm

    cara ainda vou ter tempo de ver todos..mas são otimos os tutorias parabens mesmo Bruno.. ..e ei .. quando volta aqui pra teresina/PI passear, palestrar heim ..?

    abç

  • Márcia

    26/03/2012 às 2:43 pm

    Titio Bronovisk, excelente postagem! Nós amantes do fireworks temos mesmo que divulgar as possibilidades de fazer coisas das mais simples às mais complexas com ele! Há uma onda em fazer tudo com photoshop e seus poderes sobrenaturais. Mas nem tudo requer grandes poderes, mas adequação e facilidade de uso! Por outro lado, nosso Fireworks é tão poderoso quanto queima de fogos de final de ano em Sidney, Nova Yourk ou Copacabana! Viva para sempre o fireworks! Obrigada.

  • Patrícia Carbri

    26/03/2012 às 4:52 pm

    Isso é em Fireworks? Impressionante, nunca tinha parado para pensar nas possibilidades da ferramenta. Obrigada

  • Naldo Lube

    26/03/2012 às 7:55 pm

    Obrigado por compartilhar,mas tenho um pé a trás sobre se o fireworks é superior ao PS para o desenvolvimento web e tb pelo fato da adobe não estar dando muito valor ao FW.

  • Bruno Ávila

    26/03/2012 às 11:14 pm

    Olá Naldo, normalmente as pessoas confundem os dois softwares e colocam em rivalidade. Porém, Photoshop não foi concebido como software de criação e diagramação de layouts para a Web e o Fireworks não foi concebido para concorrer com o Photoshop no retoque de imagens e criação de artes e efeitos. Assim como o Corel Draw não foi feito nem para criação de layout web nem para fotografias, foi feito para trabalhos gráficos impressos. Sobre as diferenças de Fireworks e Photoshop falo nesse post: http://www.brunoavila.com.br/avante/photoshop/52-razes-para-no-usar-o-photoshop-para-web-design.html

    Quanto a atenção da Adobe ao FW, em nenhum momento até agora vi a Adobe não dando valor a ele. A mesma atenção dispensada a ele é a mesma que ela dá ao Dreamweaver ou ao Indesign. Caso no futuro ela leve as inúmeras funções existentes do Fireworks para o Photoshop ou mude o nome do software, maravilha, não haverá perdas. Porém o que vejo nesse momento são softwares distintos, o Photoshop para imagens e trabalhos publicitários, Fireworks para Diagramação Web, Indesign para diagramação de livros, Illustrator para criação de ilustrações e design impresso e por aí vai. ;)

  • Naldo Lube

    27/03/2012 às 11:29 am

    Vou começar a utilizar mais o fireworks, pois só utilizo o PS para tudo.

  • Marcio Seabra

    27/03/2012 às 3:00 pm

    A diferença é tamanha, que quando alguém monta um layout produzido em Photoshop, tem muito mais problemas e dores de cabeça do que quando produzido no Fireworks.
    Eu particularmente fico soltando fumaça pelas ventas quando recebo um Layout em PSD com aqueles textos estilizados distorcidos que, via programação, nunca serei capaz de reproduzir, coisa que com o FW é muito mais fácil!

  • Victor Gonçalves

    28/03/2012 às 1:44 am

    Maravilha de post.
    Sou um Fireworkeiro assumido e já estou testando os tutoriais.

    Aproveitando, sou um grande fã do seu trabalho desde quando ouvi o Avantecast através de um cd brinde da falecida revista Webdesigner.

    Valeu Brunão!

  • Bruno Ávila

    30/03/2012 às 11:57 am

    Hehehe, Valeu Victor! Nem sabia que a revista tinha lançado um CD com meus podcasts. Abração!

  • Eduardo

    02/04/2012 às 8:23 pm

    Ola Bruno , bem que você podia lançar uns tutoriais desses de efeitos mas no PS mas para frente, que tu acha? Abraços

  • Jayme

    30/04/2013 às 1:26 pm

    Bruno,
    sem bajulação mas sou seu grande fã!! Sempre leio seus news e quando preciso de ajuda, quem me socorre?? Gosto muito do fireworks, sinto-me muito mais ” em casa” do que no PS! Somos órfãos da saudosa macromedia,rsrs, mas sem despeito. A Adobe contribuiu muito para nossa felicidade. Grande Abraço

  • Comente

    *
    *

    counter
     

    O Significado das Cores

    Receba gratuitamente o eBook "O Significado das Cores" onde Bruno Ávila mostra os sentimentos positivos e negativos transmitidos pelas cores, auxiliando você a eleger a melhor opção para o seu projeto.
    Coloque seu email e receba gratuitamente: