Tudo sobre Web Design e outras firulas.

  • Facebook
  • Twitter
  • YouTube
  • Email
  • Aprenda com ele!

    Tenha seus sites analisados por Bruno Ávila e aprenda técnicas de Design e Comunicação Web nos cursos ministrados por Bruno.

    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