---

Bom dia queridos visitantes do HelpMasters.

Hoje venho trazer para vocês, um tutorial ensinando a criar um efeito muito bom para se utilizar principalmente em sites de festas, eventos, etc.
Trata-se do efeito de formas geométricas no texto. Não entendeu? Olhe o exemplo abaixo:

Gostaram?
Então vamos ao aprendizado!!!

Primeiramente, utilizando a fonte Comic Sans MS digite o texto de sua preferência, no meu caso utilizei o texto HelpMasters.

Pressione as teclas "Crtl + Shift + P" para converter o texto em curvas. Agora você precisa desagrupa-lo, faça isso pressionando as teclas "Ctrl + Shift + G" e depois una-os pressionando as teclas "Ctrl + Shift + J".

Defina contorno preto com 2 pixels de expessura e estilo Soft Line.

Defina o preenchimento para Gradiente > Linear, na disposição e cores que mostra a figura abaixo:

 Legenda:

 1 - #FFFF00
 2 - #FF6600
 3 - #CC3399
 4 - #00CCFF

 

 

 

Sua imagem deve estar parecida com esta:

Duplique sua imagem utilizando as teclas "Ctrl + D" e posicione a nova imagem em baixo da primeira.
Com a ferramenta Rectangle Tool crie um quadrado com as medidas de 50x50px e utilizando a ferramenta Transform rotacione seu objeto em 45º. Ele deve estar desta forma:

 
  Altera sua largura para 200px e o sobreponha a segunda imagem posicionando-o ao centro dela.

 

Duplique o losango 2 vezes e posicione as novas imagens ao lado da primeira, como mostra a figura a seguir:

Selecione os losangos e una-os pressionando as teclas "Ctrl + Shift + J".

Selecione a imagem e o texto e vá ao menu Modify > Combine Paths > Punch. Sua imagem deve ter ficado assim:

Sobreponha o texto cortado ao primeiro texto.
Vá ao menu Texture e defina Line-Horiz 4 com visibilidade de 20%.
Sua imagem deve estar assim:

Vamos finalizar nossa imagem. Duplique o texto inteiro e defina-o sem preenchimento e borda preta com 2 pixels de expessura Soft Line.
Vá ao menu Filters > Shadow and Glow > Drop Shadow. Defina as configurações como a imagem a baixo:

Pronto, finalizamos nosso efeito. Você pode visualizá-lo logo abaixo.

Dica: este efeito é melhor visualizado em formas geométricas, como circulos e quadrados. Pode muito bem ser utilizado em banners e cartões.

Abraços e até a próxima :)

41 Assinantes
Assine você também

121 Seguidores
Siga você também

Comente :

Título *: Nome *:
Email *: Site:
Comentário *:

Site | Email | Artigos : 3

Outros artigos do colunista.Formas geométricas em listras no texto...Bordas arredondadas sem imagens no Opera...Efeito vidro em textos com Fireworks...

string array tips tricks dicas truques integer inteiros comparadores php dados velocidade desempenho opera css3 css bordas arredondadas border-radius imagens beta javascript mudar tamanho font-size changer Photoshop fotografia tratamento de fotos truques photoshop