2010Tudotutorial

Criando um Badge.

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.

2

(adsbygoogle = window.adsbygoogle || []).push({});

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

Deixe seu voto

Mostrar mais

Artigos relacionados

9 comentários

  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

  2. 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

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

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

16 − 7 =

Botão Voltar ao topo

Add to Collection

No Collections

Here you'll find all collections you've created before.

Fechar
Fechar

Adblock Detectado

Este site sobrevive com anúncios, desative seu Adblock para acessar nosso conteúdo. Isso garante que possamos continuar com nosso conteúdo de forma gratuita! Obrigado :)