Criando um texto com efeito de bordas cromadas

Olá pessoal! Veremos neste artigo como fazer m efeito de bordas cromadas em um texto.

01. Crie um novo documento e defina os valores abaixo. Depois escolha uma cor qualquer e selecione a Paint Bucket Tool, clique no documento para preencher a layer com a cor escolhida.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35911.jpg&key=80f2aacbb188ec77fceae49d169adbdbb0928fea93599eb33c4a5cd3ab380e6c" alt="35911.jpg" />

02. Agora clique duas vezes sobre a layer Background e dê Ok na caixa que irá abrir. Depois vá em Layer> Layer Style> Pattern Overlay e escolha um pattern qualquer para seu Background. Caso queira utilizar o mesmo pattern usado neste tutorial clique aqui para fazer o download. Na caixa de Pattern Overlay clique em Load e escolha o arquivo baixado.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35895.jpg&key=50ff7f5d8ff1065c642d018240e68cd88c9d1b40fed7e1feb00603f62983d1aa" alt="35895.jpg" />

03. Crie uma nova layer, depois resete as cores de Foreground e Background para preto e branco. Em seguida, selecione a Brush Tool e escolha um brush de pontas suaves e tamanho médio, hardness em 0% e passe nas bordas do documento. Depois escolha a Horizontal Type Tool e escreva uma palavra qualquer, usando fonte bold. Caso queira utilizar a mesma fonte usada neste tutorial, clique aqui para fazer o download.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35927.jpg&key=80a1d3afd56b852ed25fdc201239afe6af21eff2776f13374441c3f2325d21da" alt="35927.jpg" />

04. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo, criando um gradiente que vá da cor #700760 para a cor #b827a2.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35921.jpg&key=a68d9f04be278a4bba551f746a43e51b4a3f372c60922596dcd6424cc60960c2" alt="35921.jpg" />

05. Em Layer> Layer Style> Satin defina:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35919.jpg&key=1210df1bd0c67e9ee11d3f39e8b4874aa15026c33fb24b9e274b16cc90f43470" alt="35919.jpg" />

06. Agora em Layer> Layer Style> Inner Glow defina os valores:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35887.jpg&key=1ff4295b17ecd8b1b022703cb4651eeff52b094c9b884c7e34d7d194033894fd" alt="35887.jpg" />

07. Duplique a layer, depois clique com o botão direito do mouse sobre a layer duplicada e escolha a opção Clear Layer Style, reduza o Fill da layer para 0%.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35903.jpg&key=6517a7bd9f294258959fa6e164470677a6f7d4b0faca08398ad30f3b4450b607" alt="35903.jpg" />

08. Agora vá em Layer> Layer Style> Stroke e defina os valores abaixo.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35897.jpg&key=b27d91d4f87107cf14ec35dde202ec5f18b4ee959e0aff489688dd5e9732e842" alt="35897.jpg" />

09. Crie uma nova layer, e deixe-a abaixo da layer com a borda criada. Depois clique na layer da borda e mescle as duas layers, dando o nome de Stroke para a layer.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35915.jpg&key=6fa04c8670510e86c765ccad4d943e8f6cb6570d73be7ffae193413f37440b1e" alt="35915.jpg" />

10. Em Layer> Layer Style> Gradient Overlay e defina os valores:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35907.jpg&key=440c551d7e6545541f3ee85bc9ea56f6f0dbdb80fb72186b41481989ec421942" alt="35907.jpg" />

11. Depois vá em Layer> Layer Style> Stroke e defina:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35893.jpg&key=daecbc4423b8b95a5f0cb5c0ca3c46e7e95d1f9765ff988b9e37fee5d06e001f" alt="35893.jpg" />

12. Agora em Layer> Layer Style> Drop Shadow defina:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35925.jpg&key=73d52fec3cb1b80da44fafa626cb07650651c4564f8ce2522bc451f1844d0be5" alt="35925.jpg" />

13. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35913.jpg&key=8e3f114cba12ff09a9d513cf1c5987319453bfeb4bea098147a5106f91b5251a" alt="35913.jpg" />

14. Sua palavra e paleta de layers deverão ficar parecidas com a figura abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35905.jpg&key=d533923a5ab0da03b2fa6e4da8a89b32782ec70daec23d205c33c6cf6a87daba" alt="35905.jpg" />

15. Clique na layer de texto e duplique a layer, depois clique com o botão direito do mouse sobre a layer e escolha a opção Clear Layer Style para retirar as layer styles aplicadas. Agora defina o Fill da layer em 0%, e vá em Layer> Layer Style> Pattern Overlay para definir os valores abaixo. Caso queira utilizar o Pattern usado neste tutorial, clique aqui para fazer o download. Depois carregue o pattern.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35909.jpg&key=5b8f8b2ef7ef079ef3f0138415ee72842023e4a49dd2906cbc1660172e67470f" alt="35909.jpg" />

16. Caso queira adicionar outros patterns, basta repetir o processo. Na imagem abaixo mais um pattern foi adicionado em outra cópia da layer de texto.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35929.jpg&key=1814e813b2b3820150342153cf758690dae574950c9bcbc7f69497174da12728" alt="35929.jpg" />

17. Os patterns também podem ser adicionados na layer da borda, como pode ser visto na figura abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35891.jpg&key=feeb688ce530b9f1cdfb3b950322ecd218f31727cd93bf285dd40b94fdb517aa" alt="35891.jpg" />

19. Clique na layer da borda e crie uma cópia, deixando a layer abaixo da layer da borda original. Depois selecione Move Tool e mova a cópia da layer 3 ou 4 pixels para baixo.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35889.jpg&key=f116d94fb58192347df6c9a134d9c759aa1b27972e07f42c59e54d95e5600cbf" alt="35889.jpg" />

20. Clique com o botão direito do mouse sobre a layer e escolha a opção Clear Layer Style, vá em Layer> Layer Style> Color Overlay, escolha o preto.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35917.jpg&key=7d03fbb5f0ea2dbfd87ad8b35db319761b3ce4e9ac6238c475756b486f1cfa6c" alt="35917.jpg" />

21. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35899.jpg&key=804c0caccff9fb85811eae71b6f30218a65c5f36a838934542cc2a304a855ead" alt="35899.jpg" />

22. Agora crie uma nova layer e deixe-a abaixo da layer de texto, depois resete as cores de Foreground e Background para preto e branco, e em seguida alterne as cores de Foreground e Background, sua cor de Foreground deve ser a branca. Agora selecione a Brush Tool, escolhendo um brush de tamanho médio e pontas suaves, depois reduza a opacidade da layer e defina o modo de blend em Soft Light. Aplique o brush atrás da palavra.

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35901.jpg&key=433d46b41fc9bee348a7d0c4093282a890db60eb75e283007703194666d00a9d" alt="35901.jpg" />

23. Caso queira modificar a cor branca, vá em Layer> New Adjustment Layer> Gradient Map, no caso deste artigo usamos a cor verde, mude o modo de blend da layer para Overlay e defina a opacidade da layer em 40%, no final sua palavra ficará como a da figura abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://conteudo.imasters.com.br/20599/35923.jpg&key=8ac6467287da004fc0b58db25c50b5b4b6c6a190cbd24b793cf8ffec5acb5069" alt="35923.jpg" />

Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!"

*

Site de origem: http://wegraphics.net/blog/tutorials/photoshop/create-a-3d-text-effect-using-photoshop-layer-styles/

http://imasters.com.br/artigo/20599/photoshop/criando-um-texto-com-efeito-de-bordas-cromadas