Você está na página 1de 10

Fireworks um timo editor de imagens para criao 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 criao web. Tanto que depois o Photoshop incorporou algumas ferramentas do FW finalizando ento na aquisio da Macromedia. Porm, quem acha que o Fireworks s faz retngulo, circulos, linhas e curvas, est enganado. Podemos criar inmeros efeitos, no deixando nada a dever ao Photoshop e outros programas. Aqui listo 15 efeitos interessantes que iro ajudar voc na criao 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 maa no estilo Apple Air, atravs do Fireworks Sombra em Foto

AFaa as suas imagens digitais mais convincentes e realistas com apenas um punhado de

gradientes e sombras personalizadas. Assim que estiver pronto, suas fotos ficaro como impresses fotogrficas reais, voc poderia jurar que bateu para fora da tela.

Nota 1: Esta a primeira edio de Rapid Fire , uma srie de tutoriais destinados a usurios intermedirios e avanados deMacromediaAdobe Fireworks . Eu vou estar mostrando algumas dicas e truques que tiram vantagem daMacromediaAdobe Fireworks 'ferramentas vetoriais e efeitos ao vivo. Nenhuma programao esto previstas para verses subseqentes, por isso vou postar meus tutoriais como eu acabar com eles. Nota 2: Este tutorial foi feito emMacromedia Adobe Fireworks 8 conhecimento, e requer de preenchimentos de gradiente e uso da ferramenta Pen. Actualizar 2006/03/10: Graas a simonline e Greg por apontar que o modo de mistura mdio pode ser substitudo com um decrscimo na opacidade. No s isso fazer o tutorial aplicvel a Macromedia Fireworks MX (MX e 2004), ele tambm cria uma maior flexibilidade no ajuste da escurido da sombra canto depois. Para aqueles de voc que procura um Adobe Photoshop verso deste tutorial, Chris foi "agredido" uma adaptao . Atualize 2006/09/20: Graas a Uriel , este tutorial est disponvel en espaol ! Actualizao 2009/02/02: Anjo Blog fez um trabalho fantstico adaptar o tutorial para GIMP usurios. Obrigado!

Configurando O Foto
Primeiro, criamos a foto base. Use a ferramenta Retngulo para desenhar um retngulo com (mais ou menos) as propores de um padro de impresso 4R, em seguida, preench-lo com um gradiente indo na diagonal, desde o branco sujo eo branco puro. Isto ir servir como seu retngulo base.

Segui-lo com um outro rectngulo, este slido tempo colorido, ligeiramente menor do que e centrado na parte superior do rectngulo de base. Isso servir como sua mscara de imagem, e cria uma "margem branca" agradvel ao redor da imagem. Ningum gosta de impresses digitais em seus glossies, sabe.

Em seguida, importe a imagem (Ctrl + R) para o documento atual, e defina sua opacidade para 30%. Fazendo isto ir tornar mais fcil para voc encaixar e alinhar sua imagem sobre a mscara. Certifique-se que o assunto est devidamente cortada imagem dentro da mscara, e que nenhuma parte da mscara "espreitar" fora da imagem.

Dica: Antes de transformar uma imagem importada, convert-lo primeiro em um smbolo (F8) para reter a informao da imagem original que voc normalmente perder ao redimensionar ou girar uma imagem como .
Quando estiver satisfeito com os ajustes, trazer a opacidade da imagem de volta a 100% e cortla (Ctrl + X). Selecione sua mscara de imagem e cole sua imagem dentro dele (Ctrl + Shift + V). Agora voc tem uma fotografia base completa! D-se uma meia-tapinha nas costas.

Destaques e lowlights
Aqui onde o realismo comea a preencher Selecione e copie o seu retngulo base (Ctrl + C) na camada superior. Mude o seu gradiente, indo do preto (100%) ao preto (0%), e defina sua opacidade para 50%. Ajuste o gradiente de modo que cubra apenas o canto superior da foto base. Diminuir a largura ea altura do retngulo por 2px cada, e no centro-a no rectngulo de base, o que d a aparncia de uma borda em destaque contrasta com um gradiente de sombra.

Clonar o retngulo que voc acabou de fazer (Ctrl + Shift + D) e gire a nova cpia de 180 (Modify> Transform> Rotate 180 ). Em seguida, alterar o seu gradiente, indo desde o branco (100%) at ao branco (0%), que produz o efeito de um gradiente de destaque e uma borda sombreado.

Nada como uma boa sombra


Selecione todos os objetos em sua tela e para gir-las (Ctrl + Shift + T, Girar) 12-15 no sentido horrio. Isto dar a sua fotografia uma colocao mais natural e espontnea. Alm disso, este

tops fora do efeito de realce com o gradiente anterior preenche, em que alinha os seus sentidos com a nossa fonte de luz situado diretamente acima.

E agora para o elemento final: permite adicionar a nossa sombra. Mas em vez de usar o built-in Efeito Sombra Live, fazemos uso de uma tcnica mais flexvel.

Sombra Natural Mini-Tutorial


Comece clonando seu retngulo base e mover a cpia para a camada mais inferior (Ctrl + ). Dlhe algumas caractersticas-como sombra com um preenchimento slido preto, opacidade 60%, e um Gaussian Blur Filtro ao vivo (Blur Radius: 4). Empurr-lo para baixo 10px (Shift + ) para que a nossa sombra coincide com a posio da nossa fonte de luz.

Nota : certifique-se de acessar o filtro Gaussian Blur partir do Painel de Propriedades. Se voc usar o menu para este filtro (Filter> Blur> Gaussian Blur ...), voc ser avisado de que "Esta operao convertem vetores em bitmaps", e voc no ser capaz de ajustar a forma de sua sombra depois, que ns vamos fazer no prximo par de passos. Obrigado pela dica, Richard !

Desagrupar o "rectngulo de sombra" (Ctrl + Shift + G) para transform-lo em um caminho editvel. Use a ferramenta Pen para adicionar alguns Bzierpontos a ele, um em cada lado. Isto ajudar a remover a rigidez que as imagens digitais geralmente sofrem, e permitir-lhe produzir mais sombras de aparncia natural.

Agora, organizar os pontos de sua sombra tal que os pontos Bzier esto alinhados com as bordas do seu retngulo base. Puxe cada um dos pontos de canto para baixo um pouco mais para enfatizar a "elevao" nos cantos da fotografia.

Selecione tudo em sua tela e agrup-los (Ctrl + G). Agora a sua fotografia est pronta para uso como um modelo para fotos em seu blog pretensioso ou como parte de uma colagem nervoso digital! A vida grande, no ?

Retoques finais
Depois que voc definir um pano de fundo para sua foto, voc vai precisar fazer alguns pequenos ajustes para a opacidade das suas sombras e luzes. Alm disso, se voc mudar de idia sobre a posio da sua fonte de luz, voc ter que fazer a direo dos gradientes ea forma de sua sombra personalizado em conformidade com ela. No meu exemplo, eu dei o retngulo de base de uma borda ligeiramente arredondado para torn-la prejudicada.

Espero que tenham gostado de ler o meu primeiro tutorial tanto quanto eu tinha de trabalhar nele. Deixe-me cair uma nota, se voc comea a us-lo em um de seus projetos.

Criando uma cena noturna

Tem coisa que esse Fireworks faz que voc s pensava que s o Photoshop era capaz. Um exemplo esse cenrio noturno com direito a nuvens e lua cheia. Uma bela gota

Efeito real de uma gota dgua 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 Suavizao de imagem

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

Efeitos Aqua

Tutorial de efeitos aqua para ser utilizado em vrios cones, feito no Fireworks Criando Ilustraes

Veja nesse tutorial como criar belas ilustraes 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 tcnicas de colagem com Fireworks Usando Distoro 3D

http://www.adobe.com/devnet/fireworks/articles/3d_rotate_command.html Quando utilizado com bom senso pode ficar legal.

Entrelace de letras

Entrelaando letras facilmente com Fireworks, tutorial em vdeo.