no ,

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.

$ s Comentários

Deixe uma resposta
  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. Então compra um livro quando se é de graça não se pode reclamar…

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

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

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

  6. 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 *

quatro − 4 =

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

Mars! Missão Marte.

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