Criando um Badge com estilização de texturas.

COMPARTILHE:

Descrição: Hoje veremos como criar um badge usando shape layers, layer styles, filtros, texturas, modos de blend e diversas ferramentas. ...

Preview Descrição: Hoje veremos como criar um badge usando shape layers, layer styles, filtros, texturas, modos de blend e diversas ferramentas.

tutoriaisphotoshop.net






01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

02. Vá em File> Place e adicione uma textura qualquer, no caso deste tutorial foi usada uma textura jeans, redimensione a textura de acordo com o tamanho do seu documento e pressione Enter para finalizar a transformação, vá em Filter> Distort> Glass e pressione Ok, pressione Ctrl+U para abrir a caixa de Hue/Saturation, arraste o slider de Hue e encontre a cor que deseja, pressione Ok, vá em Filter> Render> Lighting Effects e modifique o efeito de luz de acordo com seu gosto, pressione Ok.

tutoriaisphotoshop.net

03. Pressione a letra U do teclado para selecionar a Polygon Tool, na barra de opções da ferramenta clique em Shape e defina os valores abaixo, escolha a cor #af0a02 e crie o shape como na foto abaixo.

tutoriaisphotoshop.net

04. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Ctrl pressionada clique sobre a miniatura da Shape Layer que criamos anteriormente para ativar a seleção ao redor do shape, escolha a cor #ffffff, vá em Select> Modify> Contract e defina o valor de 3 pixels, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.
tutoriaisphotoshop.net

04. Clique nas setas direcionais do teclado para baixo e para a direita, pressione Delete para apagar a área selecionada, defina a opacidade da layer em 80%.

tutoriaisphotoshop.net

05. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Badge, com a tecla Ctrl pressionada clique sobre a layer do Shape para ativar a seleção novamente, vá em Select> Modify> Contract, defina o valor de 9 pixels e pressione Ok, escolha a cor #ff5a00, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

tutoriaisphotoshop.net

06. Clique na layer do Shape e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

07. Clique na layer Badge e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

08. Clique na layer Badge e vá em Filter> Noise> Add Noise, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

09. Agora pressione Ctrl+O e abra uma textura qualquer, pressione Ctrl+A para selecionar seu conteúdo, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste para redimensionar a imagem de acordo com o tamanho do seu documento, mude o modo de blend da layer para Soft Light.

tutoriaisphotoshop.net

10. Com a tecla Ctrl pressionada clique sobre a miniatura da layer Badge para ativar a seleção, vá em Layer> Layer Mask> Reveal All, repita o procedimento adicionando outra textura (opcional).

tutoriaisphotoshop.net

11. Escolha a cor #ffffff, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho em 380 pixels, pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o brush como na foto abaixo.

tutoriaisphotoshop.net

12. Mude o modo de blend da layer para Soft Light, com a tecla Ctrl pressionada clique sobre a miniatura da layer Badge para ativar a seleção, vá em Layer> Layer Mask> Reveal All.

tutoriaisphotoshop.net

13. Escolha a cor #022ea9, pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada, crie um retângulo como o da foto abaixo.

tutoriaisphotoshop.net

14. Vá em Edit> Transform> Warp e distorça o shape como na foto abaixo.

tutoriaisphotoshop.net

14. Pressione a letra P do teclado para selecionar a Pen Tool, certifique de que a opção Shape Layers esteja selecionada, escolha a cor #022ea9 e desenhe a borda do shape como na foto abaixo, deixe a layer abaixo da layer do retângulo modificado..

tutoriaisphotoshop.net

15. Pressione Ctrl+J para duplicar a borda criada, vá em Edit> Transform> Flip Horizontal, pressione a letra V do teclado para selecionar a Move Tool e mova a borda duplicada para a outra borda do shape.

tutoriaisphotoshop.net

16. Clique no shape do retângulo que foi alterado, vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Stroke e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

17. Clique na layer da borda direita e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Stroke e defina os valores abaixo, repita o procedimento na borda esquerda.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

18. Clique na layer do retângulo modificado, pressione Ctrl+O e abra uma textura qualquer, pressione Ctrl+A para selecionar seu conteúdo, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste para redimensionar a imagem de acordo com o tamanho do seu documento, mude o modo de blend da layer para Soft Light, om a tecla Ctrl pressionada clique sobre a miniatura da layer do retângulo modificado para ativar a seleção, vá em Layer> Layer Mask> Reveal All.

tutoriaisphotoshop.net

19. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer e pressione Enter (no teclado numérico), adicione diversos textos, no texto sobre o retângulo modificado clique na opção Create Warped Text e defina os valores abaixo.

tutoriaisphotoshop.net

20. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra NEW) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

21. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra TEMPLATE) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

22. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra WEBSOULZ) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay, defina os valores que achar mais adequados para a estilização do texto.

tutoriaisphotoshop.net

23. Clique na layer Background e vá em File> Place, adicione a textura que achar mais adequada, abaixo vocês conferem três resultados diferentes, defina o modo de blend da layer em Soft Light e no final sua composição estará como a da foto abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

Site de origem: http://websoulz.com/learn-how-to-create-an-attractive-and-trendy-badge-in-photoshop/

COMENTÁRIOS

BLOGGER: 2
  1. De todos os tutos, esse é o mais merdinha...

    ResponderExcluir
  2. Filter> Render> Lighting Effects Filtro>Acabamento>Efeitos de Iluminação

    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,412,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,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,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,517,outubro,745,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,153,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,474,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando um Badge com estilização de texturas.
Criando um Badge com estilização de texturas.
http://www.andresugai.org/Tutoriais/12.2011/T01/imagem40.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2011/12/criando-um-badge-com-estilizacao-de.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2011/12/criando-um-badge-com-estilizacao-de.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