Tutorial: Criando um Post-it no Photoshop

COMPARTILHE:

Como criar um Post-it através do Photoshop com 3 variações do efeito.

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 500x500 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

COMENTÁRIOS

BLOGGER: 13
  1. Boa, André. Estou comentando menos nos posts por causa do tempo, mas como vc me vê sempre na barra abaixo, estou por aqui. FOREVER.

    ResponderExcluir
  2. Poxa vida esse arrebentou a boca do balão em utilidade.
    Esse e o do silver tape pra mim sao mto bons, pra serem usados em muitos trabalhos. SHOW SHOW SHOW

    ResponderExcluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. 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

    ResponderExcluir
  5. Ervin , nao sei se posso responder aqui mas a fonte eh scriptina . beijos

    ResponderExcluir
  6. Nossa, muito fácil e divertido! Amei :)

    ResponderExcluir
  7. NAO CONSEGUI ESCREVER
    FICAVA INVISIVEL A FONTE POR Q??

    ResponderExcluir
  8. pq a layer do texto qdo criada fica atras da layer do stick note! eh so colocar na frente!

    ResponderExcluir
  9. 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ã!!

    ResponderExcluir
  10. 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.

    ResponderExcluir
  11. gostaria de colocar um textura de post it. Estou com a imagem de um post it. Como faço?

    ResponderExcluir
  12. Valeu André, ajudou pra caramba. Parabéns pelo tutorial.

    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,390,2am,1,2axion,1,360,4,abril,378,abstrato,223,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,103,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,29,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,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,590,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,496,outubro,725,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,64,responsivo,2,retoque de imagem,111,rixty,3,saga,11,selecaoTP,44,setembro,518,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,459,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Criando um Post-it no Photoshop
Tutorial: Criando um Post-it no Photoshop
Como criar um Post-it através do Photoshop com 3 variações do efeito.
https://www.andresugai.org/Tutoriais/03.2009/T09/imagem8.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/03/criando-um-post-it-no-photoshop.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/03/criando-um-post-it-no-photoshop.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