Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

[Fireworks]Foto Grunge


H4k
 Compartilhar

Posts Recomendados

Neste tutorial 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:

final.jpg

 

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.

 

1.gif

 

Legal. Agora vamos aplicar a esta mÃÆ’ƒÂ¡scara o estilo que criamos. VÃÆ’ƒÂ¡ ao painel "Assets" e clique na aba "Styles" (Shift+F11). Procure o estilo que criamos na primeira parte do tutorial e, com a mÃÆ’ƒÂ¡scara selecionada, clique sobre ele.

 

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.

 

2.gif

 

Salve a imagem abaixo em uma pasta do seu computador pois precisaremos dela no prÃÆ’ƒÂ³ximo passo:

 

Board12.jpg

 

Agora clique no campo "Texture" e role o menu para baixo atÃÆ’ƒÂ© encontrar a opÃÆ’ƒÂÂÂ§ÃÆ’ƒÂ£o "Other".

 

3.gif

 

4.gif

 

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:

 

5.gif

 

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).

 

6.gif

 

Ajuste o filtro deslizando a barra "Brightness" atÃÆ’ƒÂ© -30 e "Contrast" para 70:

 

7.gif

 

O efeito serÃÆ’ƒÂ¡ parecido com este:

8.gif

 

Agora, no painel "Properties", clique novamente no sinal "+" em "Effects" e vÃÆ’ƒÂ¡ atÃÆ’ƒÂ© "Shaddow and Glow > Drop Shaddow" e configure como mostra a imagem:

9.gif

 

Novamente clique em "+" e vÃÆ’ƒÂ¡ atÃÆ’ƒÂ© "Shaddow and Glow > Inner Shaddow" e configure como abaixo:

10.gif

 

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 +.

11.gif

 

Clique sobre este ÃÆ’ƒÂ­cone e a caixa de diÃÆ’ƒÂ¡logo para um novo estilo serÃÆ’ƒÂ¡ aberta. Basta vocÃÆ’ƒÂª nomear o estilo e clicar "OK".

12.gif

 

Prontinho! Nosso estilo estÃÆ’ƒÂ¡ criado e disponÃÆ’ƒÂ­vel no painel "Assets" aba "Styles" para ser aplicado a qualquer momento.

 

Agora teremos que abrir no Fireworks uma foto que tenha o fundo recortado. Este passo ÃÆ’ƒÂ© imprescindÃÆ’ƒÂ­vel para que o resultado seja satisfatÃÆ’ƒÂ³rio. Sugiro que vocÃÆ’ƒÂª use esta imagem abaixo para esta prÃÆ’ƒÂ¡tica. Clique sobre a foto e descompacte o arquivo, depois abra-o no seu Fireworks.

A foto que irei usar ÃÆ’ƒÂ©:

foto.gif

 

JÃÆ’ƒÂ¡ com a imagem aberta, selecione-a, depois pressione Ctrl+C e Ctrl+V para criar uma cÃÆ’ƒÂ³pia da foto. Em seguida vÃÆ’ƒÂ¡ ao painel Layers (F2) e certifique-se de que a primeira camada estÃÆ’ƒÂ¡ selecionada.

 

13.gif

 

Com a primeira camada selecionada vÃÆ’ƒÂ¡ ao menu "Modify > Group" ou pressione "Ctrl+G" no teclado. Isso irÃÆ’ƒÂ¡ simular um agrupamento.

14.gif

 

Clique sobre a ferramenta "Rectangle Tool" ou pressione "U" no teclado. Desenhe um retÃÆ’ƒÂ¢ngulo que cubra toda a ÃÆ’ƒÂ¡rea do palco sobre a foto.

 

Agora passe este retÃÆ’ƒÂ¢ngulo para baixo da foto agrupada. FaÃÆ’ƒÂ§a isso pelo teclado mantendo Ctrl pressionado e pressionando a seta direcional para baixo uma vez, ou use o menu "Modify > Arrange > Send Backward".

 

Agora selecione a foto agrupada, aque estÃÆ’ƒÂ¡ na camada superior, e pressione "Ctrl+X" para recortÃÆ’ƒÂ¡-la. Depois vamos criar uma mÃÆ’ƒÂ¡scara sobre o retÃÆ’ƒÂ¢ngulo com esta foto. VÃÆ’ƒÂ¡ ao menu "Edit > Paste as Mask".

 

15.gif

 

Yes! Bom trabalho! Isso deverÃÆ’ƒÂ¡ ter ficado como na imagem abaixo:

16.gif17.gif

 

Muito bem, agora temos que transformar esta mÃÆ’ƒÂ¡scara em bitmap para podermos realizar os prÃÆ’ƒÂ³ximos passos. VÃÆ’ƒÂ¡ ao menu "Modify > Flatten Selection" ou pressione "Ctrl+Alt+Shift+Z" no teclado.

18.gif

 

Agora que a camada superior jÃÆ’ƒÂ¡ estÃÆ’ƒÂ¡ transformada em bitmap, vamos mudar o Blend Mode para Multiply. VÃÆ’ƒÂ¡ ao Inspetor de Propriedades (Ctrl+F3) e clique no menu de seleÃÆ’ƒÂÂÂ§ÃÆ’ƒÂ£o "Blend Mode" que fica ao lado do sinal de +, e escolha "Multiply".

19.gif

 

Fazendo isso estamos tornando a seleÃÆ’ƒÂÂÂ§ÃÆ’ƒÂ£o semi-transparente. como mostra a imagem abaixo. VocÃÆ’ƒÂª pode ainda alterar a opacidade para 80%.

20.gif

 

Agora vem a parte final do trabalho. Vamos comeÃÆ’ƒÂ§ar a apagar partes desta camada estilizada deixando ÃÆ’ƒÂ  mostra partes da foto original que estÃÆ’ƒÂ¡ na camada inferior.

 

Mantendo sempre a camada superior selecionada, clique sobre a ferramente "Lasso Tool" ou pressione "Q" no teclado. VÃÆ’ƒÂ¡ ao Painel "Properties" e mude a configuraÃÆ’ƒÂÂÂ§ÃÆ’ƒÂ£o da ferramenta para "Feather" com valor 20.

21.gif

 

Agora comeÃÆ’ƒÂ§e a desenhar com a ferramenta sobre a foto, marcando as partes que vocÃÆ’ƒÂª deseja apagar, pressionando Delete em seguida. Primeiro circule o olho esquerdo e apague, depois passe para partes do rosto e vÃÆ’ƒÂ¡ apagando atÃÆ’ƒÂ© o efeito desejado. Partes da camada inferior, que tem a foto original irÃÆ’ƒÂ£o ser mostradas.

22.gif

 

 

Agora vocÃÆ’ƒÂª pode ajustar a opacidade da camada atÃÆ’ƒÂ© o ponto desejado. E eis o resultado final:

final.jpg

 

Use texturas e cores diferentes para criar o estilo e aplicar nas fotos. As possibilidades sÃÆ’ƒÂ£o muitas.

 

Creditos: PortalDigiDesign

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.