topo
topo
topo
Terça, 22 de Agosto de 2017.
portaldigidesign
menu principal
No Site Na Web
slogan
 
:: Home
:: Fórum
:: Newsletter
:: Na Mídia
:: Recomende-nos
:: Nossos banners
:: Rss Feeds
:: Contato
 
menu design
:: Flash
:: Dreamweaver
:: Fireworks
:: Swishmax
:: Photoshop
:: Corel Draw
:: Ícones
:: Tabela de cores
:: Layouts prontos
 
menu programação
 
:: PHP
:: Asp/.Net
:: Javascript
:: CGI
:: Cold Fusion
 
menu serviços
 
:: Geradores online
:: Indique o site
:: Usuários online
:: Contador
 
menu sites destaque
 
:: Indique seu site
:: Sites destaque
 
menu artigos
 
:: Web Marketing
:: Web acessibilidade
 
 
 

· Artigos » Fireworks

 

Foto Grunge Parte 1  English Version

Por: Ivan W. Primo
Publicado em: 11.11.2005
Visualizações: 18979


rec6 Linkto delicious google yahoo live Twiter

Efeito Foto Grunge (1ª Parte)

Nesta matéria vou mostrar um efeito muito interessante aplicado a uma foto, que eu convencionei chamar de Foto Grunge. O efeito final deverá ficar como na imagem abaixo:

imagem 1"

Nesta primeira parte do tutorial vamos criar o estilo que será aplicado à foto. Ao final do exercício você estará habilitado a criar e salvar seus próprios estilos para posteriormente poder aplicá-los em seus trabalhos.

Inicialmente, crie um novo documento no Fireworks (Ctrl+N) com dimensões de 250x250px e desenhe um quadrado (U) do tamanho do palco preenchido com qualquer cor.

imagem 2"

Mude o preenchimento do quadrado para o padrão "Wood 2" indo até o Inspetor de Propriedades e clicando no campo "Fill Category". No menu que surgir selecione "Pattern", e role o submenu para baixo clicando na setinha até Wood 2.

imagem 3"

Salve a imagem abaixo em uma pasta do seu computador pois precisaremos dela no próximo passo:

textura"

Agora clique no campo "Texture" e role o menu para baixo até encontrar a opção "Other".

imagem 4"

imagem 5"

Procure no seu computador a imagem que você salvou acima, e dê um duplo clique para aplicá-la como textura do quadrado. Deixe o valor da textura em 50%. Sua imagem deverá ficar como o exemplo:

imagem 6"

Agora vá ao Inspetor de Propriedades (Painel Properties) e clique no sinal "+" em "Effects" . No menu, vá até "Adjust Color > Brightness/Contrast" (Atenção! Não use o menu Filters! Apesar de aplicar o mesmo efeito, transforma a imagem em bitmap, o que é indesejável para o nosso trabalho).

imagem 7"

Ajuste o filtro deslizando a barra "Brightness" até -30 e "Contrast" para 70:

imagem 8"

O efeito será parecido com este:

imagem 9"

Agora, no painel "Properties", clique novamente no sinal "+" em "Effects" e vá até "Shaddow and Glow > Drop Shaddow" e configure como mostra a imagem:

imagem 10"

Novamente clique em "+" e vá até "Shaddow and Glow > Inner Shaddow" e configure como abaixo:

imagem 11"

Excelente trabalho!! Agora chegou a hora de salvarmos o estilo recém criado. Para isso, abra o painel "Assets" e clique na aba "Styles" ou pressione "Shift+F11" no teclado. Observe no rodapé deste painel o ícone de uma folha com um sinal de +.

imagem 12"

Clique sobre este ícone e a caixa de diálogo para um novo estilo será aberta. Basta você nomear o estilo e clicar "OK".

imagem 13"

Prontinho! Nosso estilo está criado e disponível no painel "Assets" aba "Styles" para ser aplicado a qualquer momento.

Não perca a segunda e última parte deste tutorial onde vamos aplicar este estilo e criar o efeito sobre a foto. Fique atento!!!

Até a próxima! Dúvidas consulte o Designer's Fórum.

Ivan W. Primo
webmaster@portaldigidesign.com.br
MSN: iwprimo@gmail.com



Versão para impressão  Twitter



 

  Comentários:

Nome: Digite seu nome.Digite seu nome.
Email: Campo Obrigatório. Formato Inválido.
Comentário:   Campo Obrigatório.Digite ao menos 8 caracteres.Até 100 caracteres.
   

   rss

 
hospedagem Host Brasil
Dreamweaver
Fireworks
Flash
SwishMax
Corel Draw
Photoshop
Photoshop
PHP
Asp/.Net
Web Marketing
publicidade
   

 

rodape rss Siga-me no Twitter