em , , , ,

Tutorial: Criando um Post-it no Photoshop

Preview Descrição: Como criar um Post-it através do Photoshop com 3 variações do efeito.

  • [message]
    • ##check##AVISO: Criando um Post-it no Photoshop

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 500×500 pixels, 72 dpi´s, fundo transparente e modo de cor em RGB, pressione Ok, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Sticky Note para a nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, com a tecla Shift pressionada clique e arraste para criar uma seleção quadrada, escolha a cor #fcf185 (amarelo) e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

Criando um Post-it no Photoshop

02. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Paste para a nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool (caso ela não esteja selecionada) e clique na opção Subtract From Selection na barra de opções da ferramenta que fica no alto da tela, clique e arraste na área indicada na foto abaixo, isto irá retirar a seleção da parte que você acabou de selecionar a manterá apenas a parte de cima da seleção.

Criando um Post-it no Photoshop

03. Agora escolha a cor #ece179 (um amarelo mais escuro), pressione a letra G do teclado para selecionar a Gradient Tool e escolha um gradiente que vá do amarelo escuro para o transparente, clique e arraste do topo da seleção para a parte de baixo, pressione Ctrl+D para desabilitar a seleção.

Criando um Post-it no Photoshop

04. Defina a opacidade da layer em 80%.

Criando um Post-it no Photoshop

05. Clique na layer Sticky Note e pressione Ctrl+J para duplicar a layer, pressione Ctrl+U para abrir a caixa de Hue/Saturation, defina o valor de Lightness em -100, sua imagem deve ficar preta, pressione Ok, passe essa layer para baixo da layer Sticky Note na paleta de layers, defina a opacidade da layer em 40%, clique na layer Sticky Note e vá em Edit> Transform> Warp, clique e arraste o ponto inferior direito da caixa de Warp para levantar a ponta do Post-it que estamos criando como na foto abaixo, pressione Enter para confirmar as alterações.

Criando um Post-it no Photoshop

06. Clique na layer da sombra e vá em Filter> Blur> Gaussian Blur, defina um valor entre 10 e 20 pixels para o Radius, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva um recado qualquer e ao final seu Post it estará como o da foto abaixo.

Criando um Post-it no Photoshop

07. (Opcional)Usando a opção Warp (passo 05) e distorcendo o canto inferior esquerdo e direto e depois fazendo o mesmo na layer da sombra que criamos temos o resultado abaixo.

Criando um Post-it no Photoshop

08. E sem usar o Warp, apenas movendo a layer da sombra 1 pixel para a direta e 1 pixel para baixo.

Criando um Post-it no Photoshop

site de origem: http://digitalretouching.synthasite.com/stickynote.php

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 para UnknownCancelar resposta

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.

13 Comments

  1. ola!
    descobri ha daias este site, e esta-me a ser bastante util MESMO!
    Muito obrigado a quem gere este espaço, pois é uma bençao todo este trabalho!
    Ja agora gostaria de saber qual é o nome da fonte que utilizas-te para escrever a seguinte frase " Do you find this tutorial useful " ??

    Ja agora, tens algum tutorial aqui a explicar como se faz as folhas de um caderno ou ate mesmo a folha com as argolas?

    Um enorme bem haj para o teu hardo trabalho.

  2. Olá André boa tarde!!
    Chupinei a idéia pra por no meu site!! Depois de dias tentando deu certinho!!
    Apanhei pra salvar pra caramba e descobri que o melhor jeiro é mandar bala em PNG interlaçado que fica perfeito no site!!
    Nota mil por ce!! E já virei sua fã!!

  3. Ola Andre como vai ??? Desde que descobri sua homepage venho colecionando todos os seus tutoriais e devo a você quase tudo que sei de photoshop, muito obrigado por seu site pois ele é gratuito e me ajudou muito e creio que ajudou e ajudará muitos mais. Por favor amigo, se possivel me confirme qual foi a fonte usada pra escrever o nome GRACE no penultimo post-it pois como faço varios trabalhos inclusive cartões este tipo de fonte me é muito útil. Grato novamente e um forte abraço, Ervin

Trabalhos de Kahori Maki.

Inspiração, Cartazes de Rock: Beastie Boys.