MASK - Usando o efeito mascara

Vamos aprender o efeito mascara. É um efeito super interessante, eu particularmente uso muito no trabalho.

Por | @oficinadanet Softwares

Olá novamente amigo do Oficina da net. Eu gostaria de comunicar que a partir desta semana eu virei colunista oficial do oficinadanet. Por hora vamos começar com artigos simples, mas daqui a umas duas semanas vou compor artigos mais complexos.

Seria interessante e de extrema importância se você entrasse em contato enviando sugestões, reclamações, enfim.. Você gosta de um certo efeito e gostaria de aprender? Entre em contato para que eu possa escrever sobre o mesmo.

Chega de papo furado e vamos à arte.

Para iniciar, copie a imagem abaixo para seu computador e em seguida abra-o no Fireworks. O palco deve ter exatamente o tamanho desta imagem. Para acertar o espaço da imagem é só clicar em FIT CANVAS que fica no inspetor de propriedades(Properties).

Vamos usar a imagem abaixo como fundo:

MASK - Usando o efeito mascara

Agora vamos pegar a imagem mostrada abaixo:

MASK - Usando o efeito mascara

Coloque-a em cima da imagem 1(maracanã). De modo que fique assim:

MASK - Usando o efeito mascara

Agora vamos mascarar a imagem 2.
Crie um quadrado um pouco maior que a imagem 2 e coloque um degrade linear, como a imagem abaixo.

MASK - Usando o efeito mascara

Agora selecionamos a imagem 2 e o quadrado criado. (para selecionar clique em um objeto, deixe o botão SHIFT pressionado e clique em outro objeto)

OBS: O quadrado deve estar por cima da imagem 2.

Com os dois objetos selecionados vá ao menu superior, clique em MODIFY(modificar)  > Mask(mascarar)  >  Group as mask(agrupar todas as mascara)...

..Alakazammmm!!!!!!
O efeito foi criado...

Veja abaixo como ficou o meu:

MASK - Usando o efeito mascara

Ficou bacana heim!
Mas ainda não acabou, vamos ajustar nosso efeito.

Agora é só prestar atenção nos detalhes.
Repare que no Layers(camadas) a imagem 2 ficou diferente. Clique em um quadrado ao lado da "imagem 2"(no layer): MASK - Usando o efeito mascara

Logo o inspetor de propriedades vai mudar. Ajuste o nivel de transparência no inspetor de propriedades, faça como a imagem abaixo.

MASK - Usando o efeito mascara

Repare que a cor branca mostra a imagem e a cor preta esconde a imagem, formando assim uma transparência.

Agora nós temos um efeito bem melhor. Já deu para ter uma idéia do poder desse efeito.
Então para fixar o aprendizado vamos incrementar nossa montagem.

Vamos usar mais uma imagem: MASK - Usando o efeito mascara

Tire o fundo dessa imagem, como foi explicado no artigo anterior. Para falicitar você vou te dar as configurações que eu usei para tirar o fundo da minha bola.

Use a seguinte configuração:   MASK - Usando o efeito mascara

Vamos colocar a bola perto do pé do Ronaldinho.
Deixe o mode(modo) da imagem em screen.

Como a imagem abaixo:

MASK - Usando o efeito mascara

Vamos lá, o segredo é liberar a imaginação...
Agora vamos colocar uma imagem de um esquema tático de futebol:

MASK - Usando o efeito mascara

Coloque-a ao lado direito do Ronaldinho, com transparência 30%. Vai ficar assim:

MASK - Usando o efeito mascara

Ok, agora vamos adicionar mais uma imagem, e colocar o efeito Mask:

MASK - Usando o efeito mascara

Coloque esta imagem no lado esquerdo do Ronaldinho e no Layers(camadas) você deixa esta imagem em uma posição depois da imagem de fundo.

Faça o efeito MASK nesta imagem, ficará semelhante a esta imagem:

MASK - Usando o efeito mascara

Após ter adicionado o efeito mask eu tive que deminuir a transparência da minha imagem, coloquei transparência 75%.

Pronto, agora é só adicionar um texto legal e colocar alguns detalhes para valorizar o trabalho, coloque também uma borda preta, fica bem bacana.

Veja como ficou o meu:

MASK - Usando o efeito mascara

Okay! Por hoje é só.
Mande sugestões.

Até o próximo!!

Agora temos videoaulas de Fireworks, veja em: www.renanlima.com/blog/category/fireworks/

Mais sobre:
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo