Trata-se de uma coisa simples, porém muito útil, que é adicionar textos dentro de formas. Ou seja, em qualquer trabalho que haja a necessidade de diagramar um texto rente a uma imagem, pode-se utilizar a ferramenta pen tool, para contorná-la, e em seguida escolher a opção Text > Attach inPath.

Veja um exemplo:

Tudo muito simples, mas como citei acima, este é um recurso bastante útil. Com certeza fez muita falta nas versões da Macromedia.

Related posts:

1. Inserindo texto em contornos

No Adobe Fireworks é possível adicionar um texto a qualquer contorno ou caminho sem problema algum. Para isso, basta escrever o texto, criar a forma/caminho cujo qual o texto será inserido, selecioná-los e, no menu superior Text, escolher a opção Attach to Path.

Esse procedimento também pode ser realizado em contornos criados pela ferramenta Pen Tool.

Simples e prático. Até a próxima!

Related posts:

1. Como inserir texto dentro de forma

Ao todo são oferecidos 8 plugins voltados para edição de imagens, todos compatíveis com qualquer versão do Fireworks.

Através deles será possível ajustar cor, saturação, sombra, contraste, entre outras opções.

Para fazer o download dos plugins, basta acessar: photo-plugins.com

Related posts:

1. Diversos plugins para o Fireworks
2. Background Dots
3. Eye Candy 4000 – Compatível com Adobe Fireworks CS4

Para fazer um novo tutorial, nada melhor que aproveitar um tema que é sempre muito discutido e conseqüentemente procurado, o efeito grunge.

Para quem não sabe sua principal característica, são marcas, manchas, arranhões e rabiscos, que podem ser compostos em fotos, ilustrações, processos gráficos, entre outros. Basta fazer uma pesquisa no Google para comprovar isso.

Em se tratando de Fireworks, confesso que não é tão simples criar o efeito grunge, como por exemplo no Photoshop, através de brushes. Apesar disso é possível com algumas técnicas criá-lo de uma forma bem interessante, utilizando alguns recursos que o programa dispõe e outros adicionais.

Para seguir este tutorial é necessário ter instalado em qualquer versão do Fireworks, o plugin Diffuse Glow, do Richard Rosseman e a textura, tmt stone 2, disponível para download neste post. Além é claro, da imagem que vamos trabalhar:

Tutorial: Green Day Grunge Effect

1° – Abra a imagem no Fireworks.

2° – Selecione a imagem, clique em Filters > Richard Rosenman > Diffuse Glow

Com ele nós vamos alterar a tonalidade da foto, transformando-a em preto e branco. Para tanto recomendo a seguinte configuração.

Eis o trio…

3° – Com a ferramenta rectangle tool crie sobre a imagem do Green Day uma forma que preencha todo o palco. A cor dessa forma deve ser um linear básico de preto para branco.

4° – Continuando na forma, escolha para ela a textura Tmt Stone 2, com a seguinte configuração:

5° – Com a forma selecionada, adicionaremos um blend mode (modo mistura) selecionando a opção Glow.

6° – Agora vamos adicionar um ruído através do filtro Noise e reforçar a tonalidade da forma, ajustando-a em Live Filters.

Primeiro adicione o Noise, com o seguinte valor:

Agora escolha a opção Adjust Color > Brightness/Contrast

Siga estas configurações:

Ao terminar todos esses passos, a imagem deverá ter este aspecto…

Está ficando legal, mas ainda não terminamos.

7° – Duplique a imagem do Green Day e a posicione sobre a forma.

Agora vamos trabalhar nessa imagem:

8° – No painel Bitmap, que fica no canto esquerdo, escolha a ferramenta Smudge Tool. Com ela, sem compromisso algum, nós vamos literalmente riscar a imagem do Green Day. Para isso, é preciso configurar a Smudge desta forma:

Com os riscos feitos por mim, obtive esta imagem:

9° – Com a imagem do Green Day selecionada, em Blend Mode escolha a opção Overlay.

E aqui está nosso Green Day Grunge Effect…

E agora com título…

Como pôde ser visto, embora o Fireworks não ofereça nenhum plugin pronto para que possamos criar o efeito grunge, não é tão difícil fazê-lo usufruindo de texturas e outros recursos, cujo quais puderam ser vistos neste tutorial.

Espero que tenham gostado. Até a próxima!

Webtutoriais:11A0CB30

Related posts:

1. Criando imagem camuflada
2. Efeito Chamas
3. Background Dots

Nesse post, disponibilizo para download mais um bom “pacote” de texturas, initulado TMT-Textures. Nele é possível encontrar texturas de neve, nuvem, areia, entre outras, num total de 50 imagens.

Aos que acompanham o blog Tutorial Firewoks, recomendo o download, haja vista que invariavelmente farei uso dessas texturas nos mais diversos tutoriais que tenho a publicar.

Para instalá-las é necessário extrair esses arquivos na pasta “textures” do Fireworks.

Adobe/Macromedia > Fireworks > Configuration > Textures

Preview das texturas:

[ + ] Download: TMT-Textures

Related posts:

1. NN_Textures – Texturas para Fireworks

Para segui-lo é necessário ter um desses dois plugins: Eye Candy 4000 ou Eye Candy 4000 LE. Em ambos há o filtro Marble, que é a base deste tutorial.

Criando imagem camuflada

1° – Crie um novo documento (ctrl + n) de 300px width por 300px weight cor de fundo #666633

2° – Com a ferramenta Rectangle Tool (atalho = u) crie um quadrado do mesmo tamanho do palco, em 300 por 300px com preenchimento preto.

3° – Vamos utilizar o primeiro filtro. Clique em Filters > Eye Candy 4000 LE > Marble

Surgirá o painel abaixo:

Perceba que temos algumas opções de configurações. Sabendo disso, configure exatamente como mostra a imagem.

Assim sendo, temos esta imagem:

4° – Agora partiremos para solidificar essa imagem ajustado suas cores e diminuir em parte o nevoeiro oriundo do filtro Marble.

Clique em Filters > Adjust Colors > Levels e configure exatamente como mostra a imagem.

Perceba como ficou:

5° – Agora aplicaremos um desfoque bem leve para suavizar o contorno da imagem.

Em Filters > Blur > Gaussian Blur, configure assim:

6° – Chegou o momento do qual podemos ver o camuflado.

Em Blend Mode para quem tem Fireworks 8 ou superior, escolha a opção Soft Light.

Após o Blend, veja como ficou:

7° – Para finalizar, aplicaremos mais um filtro, Add Noise. Opção Filters > Add Noise com valor “10″

E aqui está nossa imagem camuflada. Bacana, não?…

Vejam, utilizando a mesma técnica de camuflagem associado a outros recursos, pude criar um carro militar.

Dúvidas e perguntas utilizem os comentários.

Related posts:

1. Eye Candy 4000 LE
2. Eye Candy 4000 – Compatível com Adobe Fireworks CS4
3. Criando Flores

Acontece que a partir da versão CS, produzida pela Adobe, o Eye Candy 4000 LE deixou de estar presente.

Pois bem, aos usuários da versão CS, que por acaso possuam o Fireworks 8, 2004 ou MX instalados, a dica que dou é copiar o arquivo EyeCandy4000.8bf e sua pasta Eye Candy 4000 Settings, locados no diretório Plug-ins destas versões. Uma vez copiados, basta colá-los no diretório de mesmo nome do Adobe Fireworks CS. Feito isso, inicie o programa e confira se o plugin consta na opção Filters.

Related posts:

1. Eye Candy 4000 – Compatível com Adobe Fireworks CS4
2. Diversos plugins para o Fireworks

Neste eu explico como podemos aproveitar algumas ferramentas (padrão) de qualquer versão do Fireworks na criação de um efeito do tipo chamas.

Tutorial: Efeito Chamas

1º – Crie um novo documento (ctrl + n) de 250px height por 250px width fundo preto.

1) Largua do palco – 2) Comprimento – 3) Resolução – 4) Fundo branco – 5) Transparente – 6) Opção de cores

2º – Com a ferramenta elipse tool (ctrl + u) faça um circulo no palco com fundo gradient waves de branco para preto.

3º – Com o circulo selecionado, clique em edges no painel de propriedades, escolha a opção feather com valor 100.

1) Preenchimento – 2) Borda nevoada (Feather) – 3) Valor

A imagem ficará com este aspecto:

4º – Multiplique o circulo alterando a posição de cada um e preenchendo todo o palco. Viste exemplo abaixo:

5º – Selecione todos e agrupe-os (ctrl + g).
Detalhe: Utlizei 15 objetos, que correspondem aos círculos que foram copiados e colados.

Agora iniciaremos a parte de caracterização das chamas.

6º – Em filters (painel de propriedades no canto direito baixo), selecione adjust colors > hue/saturation e configure:

1) Matiz – 2) Saturação – 3) Luminosidade – 4) Colorir – 5) Visualização

Ganhando cor:

7º - Ainda em adjust colors, selecione a opção curves:

Para obter o melhor resultado é fundamental utilizar todas as opções de canal (channel).

Detalhe, todos os pontos são criados no centro, e arrastados para as seguintes posições:

RGB

1) Canal – 2) Ajuste automático- 3) Pontos de ajustes – 4) Seleciona cor de sombreamento- 5) Visualização – 6) Altera a posição dos pontos – 7) Entrada de escala cores que vai de 0 a 255 – Saída de cores

RED

GREEN

BLUE

Resultado:

Perceba que a imagem já vai ganhado aspecto do que foi proposto, porém, ainda faltam dois passos para acabamento.

8º – Em filters, clique em blur > motion blur:

Defina estes valores:

1) Ângulo – 2) Distância

9º - Continuando a utilizar a opção filters, clique em adjust colors > brightness contrast com estes valores:

1) Brilho – 2) Contraste – 3) Visualização

Enfim, chegamos ao final! Veja o resultado da imagem com mais brilho após as duas últimas partes:

Espero que tenham gostado. Qualquer dúvida utilizem os comentários.

Related posts:

1. Criando imagem camuflada
2. Background Dots
3. Criando Flores

Related posts:

1. Png de um Porsche Carrera GT vetorizado
2. As primeiras impressões com Adobe Fireworks CS4
3. Downloads de arquivos png’s

Os plugins são totalmente compatíveis com qualquer versão do Fireworks, e podem ser a solução para muitas coisas, como por exemplo, na criação de um interessante background, cujo qual vou mostrar logo abaixo.

Para criar o background precisamos ter uma imagem bacana, de preferência com uma boa variação de cores, como essa:

Agora vamos utilizar o primeiro plugin, chamado Pixelate. Com a imagem selecionada, clique em Filters > Richard Rosenman > Pixelate

A imagem é distorcida em grandes pixels, como pode ser visto no preview do plugin.

Agora vamos partir para os dots, bolinhas em português, são elas que darão o toque desejado.

Selecione a imagem, clique em Filters > Richard Rosenman > Halftone

E o resultado do background:

Gostou? Tenha certeza que com mais alguns efeitos, do tipo: ajuste de contraste, adição de blur e até utilizando mais um plugin do Richard, o Solid Border, podemos deixar o background assim:

E para finalizar… dots…

Espero que tenha gostado. Qualquer dúvida fique a vontade para utilizar os comentários.

Webtutoriais:523B1981

Related posts:

1. Green Day Grunge Effect
2. Criando imagem camuflada