em ,

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.

(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

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

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

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

9 Comments

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

Mars! Missão Marte.

Inspiração, Cartazes de Cinema: Resident Evil 4: AfterLife.