Criando um botão de download para seu site.

COMPARTILHE:

Descrição: Neste tutorial veremos como criar um botão de download com shape layers, filtros e algumas ferramentas. 01. Pressione C...

Preview Descrição: Neste tutorial veremos como criar um botão de download com shape layers, filtros e algumas ferramentas.

tutoriaisphotoshop.net






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

tutoriaisphotoshop.net

02. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja selecionada e crie um shape como na foto abaixo.

tutoriaisphotoshop.net

03. Agora vá em Layer> Layer Style> Gradient Overlay e defina o gradiente como na foto abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

04. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, defina os valores abaixo e escreva a palavra Download.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

05. Defina os valores abaixo e escreva ZIP File.

tutoriaisphotoshop.net

06. Pressione a letra U do teclado para selecionar a Custom Shape Tool, certifique-se de que a opção Shape Layers esteja selecionada, escolha a cor #bee000, clique em Shape na barra de opções da ferramenta e escolha o shape de seta, com a tecla Shift pressionada clique e arraste para criar o shape, vá em Edit> Transform Path> Rotate 90CW para rotacionar o shape, pressione a letra V do teclado para selecionar a Move Tool e posicione como na foto abaixo.

tutoriaisphotoshop.net

07. Pressione a letra P do teclado para selecionar a Pen Tool, certique-se de que a opção Paths esteja selecionada e crie um Shape como o da foto abaixo.

tutoriaisphotoshop.net

08. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush com o tamanho de 1 pixel, escolha a cor #2c4314, pressione a letra A do teclado para selecionar a Direct Selection Tool, pressione Ctrl+Shift+Alt+N para criar uma nova layer, clique com o botão direito do mouse dentro do Path criado e escolha a opção Stroke Path, escolha a opção Brush e desmarque a opção Pen Pressure, clique em Ok, clique na layer da seta e vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

09. Pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shape Layers esteja ativada, escolha a cor branca e crie um shape como o da foto abaixo, defina a opacidade da layer entre 20 a 60%, vá em Layer> Create Clipping Mask.

tutoriaisphotoshop.net

10. Pressione a letra P do teclado para selecionar a Pen Tool novamente, certifique-se de que a opção Paths esteja selecionada, crie um path como o da foto abaixo, 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 com o tamanho de 1 pixel, clique com o botão direito do mouse dentro do Path criado e escolha a opção Stroke Path, escolha a opção Brush e desmarque a opção Pen Pressure, clique em Ok.

tutoriaisphotoshop.net

11. Agora vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

tutoriaisphotoshop.net

12. No final seu botão de Download estará como na foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://graphicsmake.com/photoshop-tutorials/making-download-button/

COMENTÁRIOS

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 botão de download para seu site.
Criando um botão de download para seu site.
http://www.andresugai.org/Tutoriais/12.2011/T08/imagem16.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2011/12/criando-um-botao-de-download-para-seu.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2011/12/criando-um-botao-de-download-para-seu.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