Texto com bordas cromadas.

COMPARTILHE:

Descrição: Neste tutorial veremos como criar uma borda cromada para palavras utilizando layer styles, filtros e ferramentas. 01. P...

Preview Descrição: Neste tutorial veremos como criar uma borda cromada para palavras utilizando layer styles, filtros e ferramentas.

tutoriaisphotoshop.net






01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok, escolha uma cor qualquer e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida.

tutoriaisphotoshop.net

02. Clique duas vezes sobre a layer Background e pressione Ok na caixa que irá abrir, 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 e na caixa de Pattern Overlay clique em Load e escolha o arquivo.

tutoriaisphotoshop.net

03. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, hardness em 0% e passe nas bordas do documento, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer, use uma fonte bold, caso queira utilizar a mesma fonte usada neste tutorial clique aqui para fazer o download.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

05. Agora vá em Layer> Layer Style> Satin e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

07. Pressione Ctrl+J para duplicar a layer, 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%.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

09. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer abaixo da layer com a borda criada, clique na layer da borda e pressione Ctrl+E para mesclar as duas layers, dê o nome de Stroke para a layer.

tutoriaisphotoshop.net

10. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

15. Clique na layer de texto e pressione Ctrl+J para duplicar a layer, 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, defina o Fill da layer em 0%, vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo, caso queira utilizar o Pattern usado neste tutorial clique aqui para fazer o download, clique em Load e carregue o pattern.

tutoriaisphotoshop.net

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.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

19. Clique na layer da borda e pressione Ctrl+J para criar uma cópia, deixe a layer abaixo da layer da borda original, pressione a letra V do teclado para selecionar a Move Tool, mova a cópia da layer 3 ou 4 pixels para baixo.

tutoriaisphotoshop.net

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.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

22. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer abaixo da layer de texto, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho médio e pontas suaves, reduza a opacidade da layer e defina o modo de blend em Soft Light, aplique o brush atrás da palavra.

tutoriaisphotoshop.net

23. Caso queira modificar a cor branca, vá em Layer> New Adjustment Layer> Gradient Map, no caso deste tutorial 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 foto abaixo.

tutoriaisphotoshop.net

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

COMENTÁRIOS

BLOGGER: 10
  1. Olá André!,

    Tudo bem?...

    Vey, eu te mandei um e-mail perguntando uns negócios... (Meu nome é katchup-loko, não se lembra de mim!?) pois é, e eu te pedi, para me mandar pelos menos um "não sei" como resposta.
    Por favor, olha de novo o seu e-mail, incluindo a caixa de spam (ou o lugar onde ficam e-mails "desconfiáveis") por um e-mail chamado: "Contato Tutoriais PhotoShop" de mim, KatChup-Loko.
    P.S::. (Por favor, me envie a resposta por e-mail, que só de preucação, é: katchuploko@hotmail.com).
    Obrigado pela atenção.

    _____ _____
    | \ / ____|
    | |/ /
    | __/ | \____
    | | \_____ \
    |__| |______/

    ResponderExcluir
  2. Tem como você ensinar a fazer algo parecido com isso:http://creattica.com/uploaded-images/0007/7090/ACAB_mellow.jpg
    Achei muito interessante e queria usar como inspiração para meus trabalhos,só que não sei como fazer grande parte da arte e nem sei por onde começar.
    Por favor responda cara
    Vlw

    ResponderExcluir
  3. nao consigui baixar o pattern, parece q o arquivo ta corrompido, alguem q tenha ele faz upload ai e me manda o link ?? plz
    msn > coragen_bsb@hotmail.com

    ResponderExcluir
  4. precisamos da pattern para ficar igual... obrigado

    ResponderExcluir
  5. ficou muito bom
    pena que os pattern que estão no link são pagos

    =/

    ResponderExcluir
  6. O legal de um tutorial é conseguir alcançar o mesmo resultado que você alcançou. Se você não disponibilizar exatamente o que você utiliza fica bem difícil chegarmos ao resultado desejado. O Patter que você coloca aqui é pago, aí fica muito difícil chegar lá. Dá até um certo desanimo. Muito bacana esse tutorial! Muito bacana esse site, pra falar a verdade. Gosto muito daqui. Se puder disponibilizar exatamente o que você usa daí fica excelente o trabalho.

    Abraço

    Rafael Lenzi

    ResponderExcluir
  7. Clear Layer Style significa pelo menos no Photoshop CS3: Botão Direito na Camada> Apagar Estilo de Camada

    ResponderExcluir
  8. Concordo com o Rafael Lenzi, vc que fes esse tutorial podia disponibilizar o Patter gratuítamente ao menos hospedando em outro site para nós podermos baixar, pois assim fica mais facil a compreensão.

    ResponderExcluir
    Respostas
    1. http://wegraphics.net/wg-downloads/free/textures/tileable_subtle_grunge_pat_free.zip

      Excluir
  9. EXPLICA MELHOR, TENTE NAO COLOCAR PASSOS NA MESMA LINHA.

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,216,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,488,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Texto com bordas cromadas.
Texto com bordas cromadas.
http://www.andresugai.org/Tutoriais/04.2011/T11/imagem23.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2011/04/texto-com-bordas-cromadas.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2011/04/texto-com-bordas-cromadas.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar