EFEITO DIFERENÇA

 

Olá galera! Tudo bem com vocês? Anime-se pois o tutorial desta semana está muito legal.

 

Irá aprender a criar um efeito com o visual bem bacana e muito simples de construir. Trata-se do efeito Diferença que, quando aplicado, assume as cores inversas do objeto em questão. Ficou um pouco confuso?! Então vamos à prática e verá como é simples aplicá-lo e entendê-lo.

 

Mãos ao mouse!

 

1) Crie, através do menu Arquivo, Novo, um novo arquivo com as seguintes configurações:

 

» Largura: 450 pixels.

» Altura: 300 pixels.

» Resolução: 72 dpi.

» Cor da tela: Preto (#000000).

 

 

2) Primeiramente, vamos criar um retângulo. Para isso, selecione a Ferramenta Retângulo e desenhe um retângulo no palco com as seguintes configurações:

 

» Largura (W): 450 pixels.

» Altura (H): 100 pixels.

» Cor de preenchimento: Amarelo (#FFFF00).

» Cor do contorno: sem cor para o contorno.

 

 

 

3) A segunda etapa do tutorial consiste na criação do texto. Selecione a Ferramenta Texto e digite a palavra que desejar. Neste exemplo digitarei meu próprio nome: Fábio Almeida. Configure-o da seguinte forma:

 

» Fonte: Arial Black.

» Tamanho: 51.

» Cor: Amarelo (#FFFF00).

 

Obs: Posicione o texto no centro, entre o palco e o retângulo criado no passo anterior. Observe na figura abaixo:

 

 

4) Já neste passo iremos aplicar o efeito proposto. Selecione, através da Ferramenta Ponteiro, o texto digitado e acesse o menu Janela, Camadas ou o atalho do teclado F2.

 

 

5) No campo Modo Misturar escolha a opção Diferença.

 

 

6) Como resultado terá como resultado algo semelhante à figura abaixo:

 

 

7) Uma vez aplicado o efeito, faça os ajustes necessários para seu correto posicionamento, de maneira a centralizá-lo entre o palco e o retângulo. Veja:

 

 

8) Para acertar o tamanho do retângulo juntamente com o texto, vamos utilizar a Ferramenta Cortar. Selecione-a e faça a seleção da área que deseja cortar, aparar, como se estivesse desenhando um retângulo.

 

 

9) Terá o seguinte resultado:

 

 

10) Podemos ainda incrementar nosso efeito aplicando alguns efeitos. No exemplo aplicado, inseri o efeito Sombra interna. Veja as configurações utilizadas e o resultado final obtido:

 

 

 

Efeito final após aplicação do efeito Sombra interna.

 

É isso aí galera! Chegamos ao final de mais um tutorial da série Fireworks. Espero que tenham gostado e que possam tirar bastante proveito desta técnica no seu dia a dia. Se tiver dúvida(s), entre em contato comigo através do e-mail webdesigner.pro@pop.com.br

 

Para desenvolvimento de Sites, Layout, Apresentações, Flyes, Banners, Identidade Visual, Diagramação, Vetorização e Serviços Gráficos em geral,  acesse: http://www.fabio.trampos.net/ e solicite seu orçamento. Profissionalismo sempre!

 

Até a próxima!

 

Um cordial abraço a todos,

Fábio Almeida