Tutorial: Efeito de quadrinhos para fontes

COMPARTILHE:

Como dar um efeito de quadrinhos para suas fontes.

Preview Descrição: Como dar um efeito de quadrinhos para suas fontes.

  • [message]
    • ##check##AVISO: Efeito de quadrinhos para fontes

      • 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 e defina um tamanho de 500x500 pixels, 72 dpi's e modo de cor RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo Radial e defina como cor de Foreground a cor #282c54 e como cor de Background #0a0d2e, aplique em seu documento, ele deve ficar como na foto abaixo.

Efeito de quadrinhos para fontes


02. Pressione Ctrl+Alt+Shift+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Custom Shape Tool, na barra de opções da ferramenta no alto da tela clique em Shape e escolha o shape mostrado na imagem abaixo (certifique-se que a opção Shape Layers esteja selecionada - os 3 pequenos quadrados no ínicio da barra de ferramentas).

Efeito de quadrinhos para fontes

03. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores, sua cor de Foreground agora deve ser a branca, clique e arraste para desenhar seu Shape no documento como na imagem abaixo.

Efeito de quadrinhos para fontes

04. Defina a opacidade da layer em 10% e mude o modo de blend da layer para Overlay, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de tamanho grande e pontas suaves, clique no meio do documento para apagar a parte central como na imagem abaixo.

Efeito de quadrinhos para fontes

05. Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, neste tutorial a fonte usada se chama Kabel Bold, porém ao usar outras fontes dê preferência a fontes em Bold.

Efeito de quadrinhos para fontes

06. Agora vá em Layer> Layer Styles> Bevel And Emboss e defina os valores abaixo.

Efeito de quadrinhos para fontes

07. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Efeito de quadrinhos para fontes

08. Agora em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

Efeito de quadrinhos para fontes

09. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

Efeito de quadrinhos para fontes

10. Vá em Layer> Layer Style> Satin e defina os valores abaixo.

Efeito de quadrinhos para fontes

11. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Efeito de quadrinhos para fontes

12. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

Efeito de quadrinhos para fontes

13. Ao final sua imagem estará como a da foto abaixo.

Efeito de quadrinhos para fontes

site de origem: http://psdtuts.com/text-effects-tutorials/icey-styles-in-photoshop/

COMENTÁRIOS

BLOGGER: 15
  1. Bom dia, André!

    Essas letras com esse efeito ficaram show!
    Responda-me se é possível procurar os seus tutoriais por dada.

    Um abraço amigo.
    Minha.

    ResponderExcluir
  2. show de bola, testei aqui e ficou identico, bem explicado como todos os seus tutos, vou te pedir uns favores,(rssssss), explica ai pra gente esse link.

    http://psdtuts.com/tutorials-effects/nopattern-jumper-effect/

    o auto é brasileiro(fabio), ele gosta muito de trabalhos com luzes, igual a min, vc poderia traduzir e explicar melhor as tecnicas dos tutos dele. ok

    grande abraço

    ResponderExcluir
  3. como faço para aplicar a Gradient Tool?

    obrigada

    Mara

    ResponderExcluir
  4. Espectacular André!

    Obrigado :D

    ResponderExcluir
  5. Muito bom a disposição das letras, o fundo, e o efeito nas letras também :D Mais uma vez, parabéns!


    Anônimo, é só (se o gradiente já estiver feito, se não estiver é só clicar duas vezes na barra lá em cima) clicar e arrastar para onde você quiser. Veja mais informações na seção PS Tooles, vai ajudar bem :D

    ResponderExcluir
  6. Na etapa 11 eu não consegui achar aquele tipo de gradiente, será que eu fiz algo errado anteriormente?

    ResponderExcluir
  7. Gabriela: Você tem que usar o editor de degradê...
    Tipo, onde aparece o degrade pronto, na caixa ao lado de reverse, dê um clique nela e monte o degrade ali... tipo, que no retângulo embaixo com as cores, conforme você vai clicando nas setas debaixo, você pode ir adicionando cores ao degradê, no caso ai você usa azul claro (ciano) e branco...

    André: Cadê o arquivo que tô esperando cara...?

    ResponderExcluir
  8. Muito bom andré!

    cada dia um tutorial melhor que o outro!

    =P

    ResponderExcluir
  9. Oi! Adorei o tutorial. Só que no meu Photoshop não tem essa shape aí. Oeu faço o download?

    ResponderExcluir
  10. aahh... achei!
    obrigada pelos tutoriais tão úteis! e boa sorte na votação do ibest!

    ResponderExcluir
  11. Jéssica, você tem que clicar no botão que está ao lado das shapes e clicar em "All Shapes" (veja essa imagem: http://img383.imageshack.us/img383/6268/screenshot002copynw2.jpg)
    Depois é só clicar na shape, com shift (para deixar na proporção) e alt (para aumentar a partir do centro, no caso o mouse) apertados. Se quiser deixar apenas na proporção e depois mexer para ajustar, deixe apenas shift apertado.

    Espero ter ajudado :D

    ResponderExcluir
  12. André, sei que já explicou sobre shapes, ou eu sou muito tapada, rs, ou meu photoshop não possui esse recurso
    já tentei entrar no link que vc postou, mas tá quebrado

    PS: amo de paixão seu blog, entro todos os dias

    ResponderExcluir
  13. André, Quando clico pra fazer a etapa 3, eu nao consigo, não fica da forma mostrada. o que devo fazer ?
    -kézia

    ResponderExcluir
  14. ótimo Tutorial, não estou achando o modo radial, como faço? e aquilo também de foreground e background...

    ResponderExcluir
  15. COMO QUE TIRA ESSA MERDA DE PROPAGANDA DA TELA ?

    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,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,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,123,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,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,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,591,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,520,outubro,748,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,374,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,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,513,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Efeito de quadrinhos para fontes
Tutorial: Efeito de quadrinhos para fontes
Como dar um efeito de quadrinhos para suas fontes.
https://www.andresugai.org/Tutoriais/05.2008/T01/imagem12.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/05/efeito-de-quadrinhos-para-fontes.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/05/efeito-de-quadrinhos-para-fontes.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