Design & UX

12 jul, 2007

Textos em 3 dimensões

Publicidade

Olá pessoal. Mais uma vez estou aqui para compartilhar com vocês algumas dicas ou efeitos no Photoshop!

Hoje vamos estudar um efeito simples, mas com um resultado muito atraente, em 3 dimensões. Então vamos lá!

Antes de iniciarmos o artigo, veja o resultado final do nosso artigo:

Para iniciarmos, vamos criar um arquivo com tamanho de 800 x 600 pixels, pois precisaremos de espaço para trabalhar bem os detalhes.

Com nosso arquivo já criado, vamos escrever qualquer texto para teste. Nesse caso irei usar a palavra “web”.

Obs: vamos dar preferência a uma fonte “cheia”, pois assim ficará mais vísivel o efeito na letra.

Transforme nosso texto em um Shape. Ele deixa de ser um texto e vira uma forma.

Para isso, clique com botão direito do mouse em cima da layer dele e Convert to Shape

Veja a imagem abaixo:

Agora que já conseguimos transformar nosso texto em um Shape, vamos aplicar apenas algum efeito de pespectiva e distorção, para a idéia de 3D já começar a ser feita.

Então vamos em: Edit -> Transform Path -> Pespective. Com nossa pespectiva pronta, vamos posicionar o mouse no canto inferior esquerdo( ou direito) e, segurando o SHIFT, vamos puxar para o lado. Vai do gosto de cada um o tamanho da pespectiva.

Aplique o efeito de distorção, usando o mesmo caminho da pespectiva: Edit -> Transform Path -> Distort. Posicione o mouse no centro da seleção e puxa para baixo.

Agora chegou a parte principal do nosso artigo. Como surgir a profundidade de nosso texto. Tentarei ser bem breve e didático.

Clique na layer do texto, onde criamos até agora os efeitos de pespectiva e distorção, duplique a mesma e, em seguida, vamos apenas apertar uma vez a tecla de cima do teclado. E assim em todas. Ou seja: Dupliquei uma camada, joguei pra cima. Dupliquei a outra camada e joguei pra cima. e etc etc…. Vamos Duplicar mais ou menos 30 vezes.

OBS: É APENAS PARA APERTAR UMA VEZ A TECLA PARA CIMA!

Observe como ficará a imagem.

Agora que conseguimos deixar nosso texto com profundidade, não necessitaremos mais de todas essas layers. Vamos deixar apenas duas layers: a layer da profundidade e a layer de cima, onde aplicaremos alguns efeitos.

Então o que vamos fazer? Vamos linkar ou agrupar as layers. [cor1]Primeiro explicarei para quem usa o Photoshop ATÉ a Versão CS.

Como disse anteriormente, vamos precisar de apenas duas layers.

Então você vai clicar na penúltima layer e linkar até a primeira de nosso texto e em seguida vamos juntá-las apertando Ctrl + E. Ou, se preferir, vá até o menu Layer -> Merge Layers. Ou seja, sobrou uma, que é justamente a nossa layer que aplicaremos os efeitos. Observe como ficará a sua imagem.

Quem usa a partir da versão CS2, vai clicar na penúltima layer e, segurando o SHIFT, vai clicar na primeira layer do texto e em seguida vamos juntá-las apertando Ctrl + E. Se preferir, vá até o menu Layer -> Merge Layers. Nossa imagem ficará como a anterior.

UFA! resolvemos esse pequeno probleminha. Agora vamos nos divertir aplicando os efeitos necessários para finarlizamos esse trabalho.

Na Layer de baixo, vamos aplicar os seguintes efeitos: Drop Shadow, Bevel And Emboss Gradient Overlay.

Vamos por ordem:

Drop Shadow.

Bevel And Emboss

Gradient Overlay

Nesse caso vamos usar de um cinza escuro para um mais claro…

Nossa imagem ficará assim:

Para finarlizamos, Na Layer de cima vamos aplicar os seguintes efeitos: Inner Shadow, Bevel And Emboss e Gradient Overlay

Vamos por Ordem.

Inner Shadow

Bevel And Emboss

Gradient Overlay

Pronto pessoal, nossa imagem ficará assim:

Exemplo usando o mesmo recurso.

Foi um prazer poder compartilhar com vocês mais um conhecimento e até próxima!