Arquivo da Categoria 'Fireworks'



Retirando o fundo de uma imagem de maneira simples e rápida

Para usar como exemplo, abri com o fireworks 8 a seguinte imagem:
gd_img1
Nesta imagem possuímos um fundo branco, para retirar ele, usarei a ferramenta “Magic Wand tool”.
img2
Selecionada a ferramenta, agora é só clicarmos no fundo da imagem, então irá ficar assim:
gd_moto_img3
Agora, é só teclar DELETE e todo o fundo irá ser excluído da imagem.
gd_img4
Pronto, agora repita o processo entre as rodas e outras áreas que não tiveram seu fundo retirado, não podemos esquecer as sombras das rodas, para isso pode ser usado a borracha “Eraser tool”.
borracha
Feito isso é só utilizar a imagem da forma que desejar, no meu caso coloquei uma paisagem ao fundo, apenas como exemplo.
fazer_azul_fundo2



Criando botões “aqua” no fireworks!

Primeiramente crie um novo documento 153×50 :
btn_1
Após feito isso crie um retangulo com a ferramenta ” RECTANGLE TOOL”, com o preenchimento linear , de forma que fique parecido com isto:
btn_2
As cores utilizadas foram as seguintes:
btn_3
Bom, Após isso aplique um “Effects > Shadow and Glow > Glow” :
btn_4
Deixando as propriedades da seguinte forma:
btn_5
Agora, crie um novo retângulo com a “RECTANGLE TOOL” , cobrindo metade do retângulo , na cor “#FFFFFF” (sem aspas) da seguinte maneira:
btn_6
Logo após modifique sua transparência para 40 , (”ALPHA”). :
btn_7
“Acabou lindo e maravilhoso Danilo?” Não… ainda não acabou, vamos agora arredondar nosso botão, modifique o “RECTANGLE ROUNDNESS” para 40. :
btn_8
Agora, para finalizar, escreva o texto desejado! :
btn_61



FireWorks: Trocando a cor dos olhos

Para começarmos , usarei a imagem do presidente eleito dos EUA, Barack Obama.
Abriremos ela com o Fireworks.
barack-obama
Selecionamos a ferramenta “ Lasso tool”.
Selecionada, é só usarmos o ZOOM (300% ) para termos uma melhor visualização dos olhos de Obama. Feito isso, iremos circular um por um com o “Lasso tool” , após circular o primeiro olho, pressione SHIFT e segure, repita o processo no outro olho. Deixando a imagem assim:
gd_img2
Agora vá no menu FILTERS > ADJUST COLOR > BRIGHTNESS/CONTRAST e mude o BRIGHTNESS para 75 e clique em OK.
gd_img31
Concluído essa parte, vamos então para o menu FILTERS > ADJUST COLOR> HUE SATURATION, deixe o HUE com 186, SATURATION 16 e clique em OK.
gd_img41
E Pronto! Agora temos nosso Obama de olhos verdes. Se quiser usar outras cores para os olhos basta ir alterando o HUE e o SATURATION.
img5
Algumas outras cores:
img6



Retirando o fundo de uma imagem de maneira simples e rápida

Para usar como exemplo, abri com o fireworks 8 a seguinte imagem:
gd_img1
Nesta imagem possuímos um fundo branco, para retirar ele, usarei a ferramenta “Magic Wand tool”.
img2
Selecionada a ferramenta, agora é só clicarmos no fundo da imagem, então irá ficar assim:
gd_img3
Agora, é só teclar DELETE e todo o fundo irá ser excluído da imagem.
gd_img4
Pronto, agora repita o processo entre as rodas e outras áreas que não tiveram seu fundo retirado, não podemos esquecer as sombras das rodas, para isso pode ser usado a borracha “Eraser tool”.
borracha
Feito isso é só utilizar a imagem da forma que desejar, no meu caso coloquei uma paisagem ao fundo, apenas como exemplo.
fazer_azul_fundo2



Criando um rodapé em curva com Fireworks 8

Nesse tutorial iremos criar um rodapé em curva, para o seu site, deixando o com um formato mais moderno e bonito.

1º passo, crie uma tela no tamanho de 770 x 160 e um retângulo de 770×85:
gd_01
Agora deixa o retângulo com o degrade LINEAR:
02
Deixando ele com o seguinte aspecto:
gd_03
Agora você deve transformá-lo em um Path. Para isso, basta dar um clique em qualquer um dos 4 pontos que o formam com a ferramenta “Subselection Toll”.
04
Convertido em path, o retângulo já pode ser editado. Para editar normalmente os 4 pontos, basta clicar e arrastar um dos 4 pontos que o formam. Para isso agora usaremos a ferramenta “Free Form Tool”.
05
Selecionando esta ferramenta, o painel de propriedades mostrará as seguintes opções:
06
O size das propriedades serve para ajustar o tamanho da curva, quando se quer uma curva mais fechada diminui o seu tamanho mas quando se quer uma curva mais aberta aumenta o tamanho do mesmo.



Slide Show em seu site

Na elaboração de nosso slide show foi utilizado o “Adobe Fireworks CS4” ou também poderíamos utilizar o Fireworks MX2004, que iremos obter o mesmo resultado, onde o primeiro passo é baixar um plugin “Flash Slide Show”,que se encontra em anexo a esta coluna para o desenvolvimento de nossa coluna.
Feito isso iremos descomprimir o arquivo e efetuar a sua instalação onde em nosso caso selecionamos o Adobe Extension Manager CS4 selecionando as teclas CTRL+O para localizar o arquivo e efetuar sua instalação conforme abaixo:



Bordas em Imagens

Onde iremos começar selecionando a imagem com a qual iremos trabalhar através de procedimentos descritos em colunas anteriores.

Após isso selecionamos o menu Filters » Alien Skin Splat LE » Edges conforme descrito abaixo:

Onde em nossa nova tela iremos efetuar as seguintes configurações:
EDGE WIDHT=17.5
MARGIN=3.10
FEATURE SIZE=56
DIRECTION=270
EDGE MODE=PIXELS
Sendo aconselhável à troca dos valores acima para o entendimento da função de cada um dos itens além dos efeitos que podem ser gerados.

Onde nosso resultado final será:

Fonte: Oficina Da Net



Trabalhando com textos no Fireworks

Nesta coluna iremos tratar sobre uma poderosa ferramenta do fireworks na edição de textos que é o recurso “styles”. Clique em File, depois selecione o menu new e crie um novo documento conforme as características abaixo:

Escreva o texto no palco utilizando a ferramenta Text Tool conforme vemos abaixo:

Escreva o texto no palco utilizando a ferramenta Text Tool conforme vemos abaixo:
Após isso verifique se o recurso styles está ativo ao lado direito de sua tela, se não estiver, vá ao menu Windows e escolha a opção Styles ou selecione SHIFT+ F11 no teclado,onde ira surgir as opções de formatações para nosso texto conforme vemos:

Agora e só escolher o estilo que mais lhe agradar e incrementar seu projeto veja o resultado final desse exemplo: