LIMITAR IMAGENS EM FORMAS

 

Olá galera! Tudo bem com vocês?

 

Para este tutorial, ensino a limitar qualquer tipo de imagem a uma determinada forma. Vamos conhecer as técnicas, que por sinal são bastante simples, para se realizar tal ação.

 

Aprenderá a inserir imagens dentro de uma forma, seja ela um retângulo, um círculo, uma estrela, entre outros.

 

Ao utilizar esta técnica podem-se definir efeitos secundários muito interessantes.

 

Então mãos ao mouse!

 

1) Crie um novo documento de 400 x 400 pixels, Resolução: 72 dpi e Cor da tela em Branco.

 

 

2) No exemplo que será dado neste tutorial iremos utilizar um círculo como nossa forma, mas poderá utilizar qualquer outra forma que desejar. Selecione a Ferramenta Elipse e desenhe no palco um círculo medindo 140 x 140 pixels. O círculo criado não deverá ter cor de preenchimento e o contorno na cor preto. Veja:

 

Dica: Para fazer um círculo perfeito pressione a tecla Shift enquanto está fazendo-o.

 

     

 

3) A próxima etapa é fazer a importação da imagem, foto ou figura que deseja inserir na forma. Acesse o menu Arquivo, Importar... ou o atalho do teclado Ctrl+R e escolha na lista o arquivo desejado.

 

 

4) Deixe a imagem que acabou de importar um pouco maior que a forma desenhada (círculo). Veja:

 

 

5) Com a imagem selecionada, posicione-a em cima da forma criada (círculo). Confira o exemplo:

 

 

6) Agora vamos começar a utilizar as técnicas a serem empregadas na aplicação do efeito. Selecione apenas a imagem e acesse o menu Editar, Recortar ou o atalho do teclado Ctrl+X. Com isso recortaremos nossa imagem.

 

 

7) Vamos trabalhar agora com o círculo que criamos no passo 2. Com o círculo selecionado, acesse o menu Editar, Colar em ou o atalho do teclado Ctrl+Shift+V.

 

 

8) Uma vez acessado o menu supra citado, teremos como resultado o seguinte efeito:

 

 

9) Perceba que o tamanho da imagem final ficou com sobras. Para corrigir este detalhe, acesse o menu Modificar, Nivelar seleção ou o atalho do teclado Ctrl+Alt+Shift+Z.

 

 

10) Após a nivelar a seleção teremos como efeito final uma imagem semelhante a seguinte:

 

 

11) Perceba que agora nossa seleção ficou do tamanho de nossa forma (círculo). É mais fácil trabalhar com imagens niveladas adequadamente.

 

Muito simples a aplicação deste efeito, não é?!

 

Mas não pára por aí. Podemos incrementá-lo utilizando os efeitos ao vivo do Fireworks. Para aplicar estes efeitos, basta acessar a guia Efeitos, localizado na Barra de Propriedades.

 

Clique no sinal de + para acessar o menu de opções disponíveis. Utilize sua criatividade e voe longe.

 

 

Abaixo listo alguns exemplos aplicados utilizando os efeitos disponibilizados.

 

Dica: utilize de forma moderada os efeitos deste menu. Saiba aplicar os efeitos de modo a não apresentar formas amadoras, exageros em cores, intensidade e profundidade.

 

Efeito aplicado: Brilho interno.

 

Efeito aplicado: Chanfro interno.

 

Efeito aplicado: Desfoque Gaussiano....

 

Efeito aplicado: Aplicar Sombra.

 

É 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