Como criar um botão para website usando o Photoshop.

COMPARTILHAR:

Descrição: Neste tutorial veremos como criar letras com aspecto de letras magnéticas que são fixadas em quadros de metal, para isso usaremo...

Preview Descrição: Neste tutorial veremos como criar letras com aspecto de letras magnéticas que são fixadas em quadros de metal, para isso usaremos layer styles e diversos recursos do Photoshop.

tutoriaisphotoshop.net






01. Pressione Ctrl+N para criar um novo documento, defina um tamanho qualquer com 72 dpi's e modo de cor em RGB, pressione Ok, pressione a letra U do teclado para selecionar a Rounded Rectangle Tool.

tutoriais photoshop



02. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, escolha a opção Shape e defina o valor de Radius em 12 pixels.

tutoriais photoshop

03. Crie um shape como o da foto abaixo.

tutoriais photoshop

04. Clique com o botão direito do mouse sobre a layer escolha a opção Rasterize.

tutoriais photoshop

05. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo, clique na amostra de gradiente.

tutoriais photoshop

06. Clique no ponto de Color Stop para definir a cor.

tutoriais photoshop

07. Escolha a cor #e6e9e2 caso queira utilizar a mesma cor usada no tutorial.

tutoriais photoshop

08. Mantenha a segunda cor como branca, pressione Ok.

tutoriais photoshop






09. Agora vá em Layer> Layer Style> Stroke, defina os valores abaixo e escolha a cor #b7b7b7.

tutoriais photoshop

10. Pressione a letra T do teclado para selecionar a Horizontal Type Tool.

tutoriais photoshop

11. Selecione a fonte desejada, no caso deste tutorial a fonte escolhida foi a Segoe UI.

tutoriais photoshop

12. Escolha a cor #7a7a7a.

tutoriais photoshop

13. Clique e arraste para criar uma seleção ao redor do shape.

tutoriais photoshop

14. Escreva uma palavra qualquer.

tutoriais photoshop






15. Clique no ícone de Commit para finalizar a edição da palavra.

tutoriais photoshop

16. No final seu botão estará como o da foto abaixo.

tutoriais photoshop

site de origem: http://www.dreevoo.com/en/content.php?id=1378

COMENTÁRIOS

Nome

.ai,18,.eps,8,.jpg,5,.png,12,.psd,289,.svg,2,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1765,2013,240,2014,559,2015,1197,2016,514,360,4,abril,211,abstrato,56,actions,60,adobe,4,adobe max,1,agosto,347,ajax,1,allan portilho,1,animação,39,arte,27,artistas do photoshop,990,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,13,bmx,1,booombox,2,brasilmegaarena,2,brushes,93,bug,1,capcom,1,cartazes de cinema,7,cartazes de rock,114,codemasters,1,com2us,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,450,dica ninja,99,dificuldade 1,19,dificuldade 2,214,dificuldade 3,648,dificuldade 4,190,dificuldade 5,24,divulgação,1,diy,32,documentário,21,dollarphotoclub,37,download,1136,edição de vídeo,1,efeito,733,esportes,11,fastcom,3,ferramentas online,1,fevereiro,280,filme,1,flipbook,1,flow motion,1,fontes,410,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,gifart,2,goPro,1,gradientes,7,guest post,5,hitbox,1,hopi-hari,1,html5,3,hyperlapse,5,hyperx,9,ícones,91,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,275,julho,254,junho,228,kingston,6,layer style,22,leitores,1,lightpainting,1,live-stream,2,maio,153,março,264,matéria,468,maurício de souza produções,1,melhordasemana,17,mob2b,1,mockup,30,música,48,natal,1,novembro,527,off-topic,208,outubro,508,palestra,7,parkour,1,patern,35,pdf,1,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,positivo,10,post pago,2,prezi,1,printi,2,project ten,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,razer,19,responsivo,2,retoque de imagem,102,rixty,3,saga,3,setembro,288,shapes,2,showreel,7,skate,2,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,1,template,4,teste,1,texto,158,textura,127,tilt-shift,3,timelapse,21,tipografia,3,tp,1,tunning virtual,3,tutorial,2104,tutorial builder,2,tutorial player,2,ubisoft,32,ui,15,unboxing,1,vice,64,vídeo,460,vídeo aula,204,video mapping,3,wallpaper,1,web,18,webfont,1,xma,5,
ltr
item
::Tutoriais Photoshop::: Como criar um botão para website usando o Photoshop.
Como criar um botão para website usando o Photoshop.
http://www.andresugai.org/Tutoriais/03.2013/T14/imagem16.jpg
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2013/03/como-criar-um-botao-para-website-usando.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2013/03/como-criar-um-botao-para-website-usando.html
true
34833248
UTF-8
Todos os Posts Carregados Não encontramos nenhum post VEJA TODOS Leia Mais Responda Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM TAG ARQUIVO BUSCA TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Domingo 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 Siga CONTEÚDO PREMIUM Compartilhe para desbloquear este conteúdo Copie todo código Selecione todo código Todos os códigos foram copiados para o Clipboard Não foi possível copiar todo código / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar