Criando um Badge.

COMPARTILHE:

Descrição: Hoje veremos como criar um badge (que pode ser usado como sticker) muito usado em sites e cartazes para dar maior enfâse em algo...

Preview Descrição: Hoje veremos como criar um badge (que pode ser usado como sticker) muito usado em sites e cartazes para dar maior enfâse em algo, utilizaremos layer styles e ferramentas na criação.








01. Pressione Ctrl+N para criar uma novo documento, defina um tamanho qualquer com 72 dpi´s e modo de cor em RGB, pressione Ok, escolha a cor #212121 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, pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Sticker e pressione Ok.

tutoriaisphotoshop.net

02. Agora pressione a letra U do teclado para selecionar a Polygon Tool.

tutoriaisphotoshop.net

03. Na barra de opções da ferramenta defina os valores abaixo.

tutoriaisphotoshop.net

04. Escolha a cor #5FC20A e com a tecla Shift pressionada clique e arraste para criar o Shape abaixo.

tutoriaisphotoshop.net

05. Clique na cor de Backgroun (na barra de ferramentas) e mude a cor para #7BCA03, pressione a letra G do teclado para selecionar a Gradient Tool, clique na amostra de gradiente na barra de opções da ferrmanta e escolha o gradiente que vai da cor escolhida para o transparente, escolha a opção Reflected Gradient, com a tecla Ctrl pressionada clique sobre a miniatura da layer Sticker, isto ativará a seleção ao redor do shape, clique e arraste de cima para baixo indo do canto superior esquerdo até o canto inferior direito do Sticker.

tutoriaisphotoshop.net

06. Agora vá em Layer> Layer Style> Drop Shadow e depois vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

08. Clique no gradiente e defina como na foto abaixo, pressione Ok.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

10. No final caso queira adicionar um texto seu Sticker ficará como o da foto abaixo.

tutoriaisphotoshop.net

site de origem: http://www.webdesign.org/photoshop/drawing-techniques/guarantee-sticker.15303.html

COMENTÁRIOS

BLOGGER: 9
  1. Muito bom o tutorial... facil e bem explicado...

    posta mais destes...

    =)

    Tens algo sobre sign? se tiver... ja agradeço se postar..

    Abraços...
    Morfeu

    ResponderExcluir
  2. André, cadê artigos falando do novo photoshop (CS5)?

    ResponderExcluir
  3. aff cada dia pior nem sei pq entro aqui ainda

    ResponderExcluir
  4. Então compra um livro quando se é de graça não se pode reclamar...

    ResponderExcluir
  5. Calma pessoal! Que coisa feia! Mais respeito com o trabalho dos outros.

    ResponderExcluir
  6. Exelente! Amo este site! Parabéns

    ResponderExcluir
  7. Oloko meu
    Mt bom esse site aki e o melhor de tuto pra photoshop
    so entro aki

    ResponderExcluir
  8. man primereiro parabéns pelo seu trabahlo!
    Apesar de que tem tuto... que nao cinsigo chegar ate o final pq tem partes
    que faço igual mas o resultado nao é igual.
    tipo nesse tuto ai na parte 3 coloco igualzinho a minha barra so que quando vo fazel o desenho fico com muiiiita ponta ou seja nao fica igual ao teu.... fica parecendo cheio de espinhos.
    vc pode mim ajudar man thx.
    flw

    ResponderExcluir
  9. O meu desenho também estava ficando todo "espinhado". Tente diminuir a porcentagem do "Indent slides" para 25% (ou o valor que achar melhor)...

    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,486,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando um Badge.
Criando um Badge.
http://www.andresugai.org/Tutoriais/06.2010/T12/imagem10.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/06/criando-um-badge.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/06/criando-um-badge.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