Tutorial: Texto Em Gel

COMPARTILHE:

Descrição: Como criar um texto com aspecto de Gel. revisado em 16/07/07. 01. Pressione Ctrl+N para criar um novo documento de qualque...

Preview Descrição: Como criar um texto com aspecto de Gel.



revisado em 16/07/07.

01. Pressione Ctrl+N para criar um novo documento de qualquer tamanho, para nosso exemplo usaremos 500x150 pixels.

02. Pressione a letra T do teclado para selecionar a ferramenta Horizontal Type Tool, e escreva uma palavra qualquer deixando a cor da letra em preto.

tutoriais photoshop

03. Agora vá em Layer> Layer Style> Drop Shadow, defina os valores abaixo, agora vá em Layer> Layer Style> Inner Shadow e defina os mesmos valores.

tutoriais photoshop

04. Aplique Layer> Layer Style> Outer Glow e defina os valores abaixo..

tutoriais photoshop

05. Layer> Layer Style> Inner Glow.

tutoriais photoshop

06. Agora vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo..

tutoriais photoshop

07. Em Glass Contour defina os valores abaixo.

tutoriais photoshop

08. Agora vá em Layer> Layer Style> Color Overlay e defina os valores abaixo.

tutoriais photoshop

E ao final você tem um texto em gel!

tutoriais photoshop

site de origem: http://www.xiredesigns.net/main.php?id=easy3

COMENTÁRIOS

BLOGGER: 42
  1. Eu consegui fzer td, mas no final o brilho em vez d fikr em branco como no tutorial, ficou em preto...o q houve d errado??
    Debinha

    ResponderExcluir
  2. Oi Debinha, obrigado pela visita!!, quanto a sua dúvida, você mudou a cor do modo de blend no final para verde?? qualquer coisa mande outro recado!! :)

    ResponderExcluir
  3. Vlw, kra...era isso msm...mt bom o seu blog...tah d parabéns...
    Bjooo

    ResponderExcluir
  4. Opa!! eu que agradeço a visita e o comentário!! valeu!! volte mais vezes!! :)

    ResponderExcluir
  5. AH OI EU QRIA SABER QUAL E A FONTE Q VC USOU

    ResponderExcluir
  6. Olá Saulo, usei uma fonte que já estava instalada no computador que uso no meu serviço, sinto muito mas não lembro o nome da fonte usada :), tentarei descobrir e volto a postar aqui, abraços e volte sempre!!

    ResponderExcluir
  7. Oláa !!

    Primeiramente gostaria de parabenizar pelo blog, adorei os tutoriais, foram muito úteis!
    André, também estou com a dúvida do Saulo, queria muito saber que fonte foi usada . . . pois nao consigo aplicar este efeito em nenhuma das fontes q jah tenho instaladas no pc.
    Desde já agradeço a atenção!

    Bjos! =]

    ResponderExcluir
  8. Eu sei q é uma pergunta bem idiota mas...
    Como q abre um novo documento?
    Vlw.
    Desculpe a ignorância.
    Ygor Blanco(Anônimo é + rápido)

    ResponderExcluir
  9. Oi Luana, caso queira aplicar em outras fontes é só mudar os valores dos filtros e blends usados ;), obrigado pela visita!!

    Oi Ygor, demorei pra responder, mas fico feliz que tenha achado a resposta antes!! obrigado pela visita!! :)

    ResponderExcluir
  10. oi =)

    o seu blog est um show :D mt obirighada pelos "ensinamentos" =)

    so tenho um problema... sempre k tento mudar a cor (em vez de verde) fica meio piroso... aluma maneira de o deixar com o aspecto que o verde tem?

    ass:luis

    ResponderExcluir
  11. Olá André! Consegui fazer a letra, fiz em azul, ficou lindo, mas quando fui colocar sobre um fundo preto junto com uma foto recortada o escrito ficou todo preto, isto é, desapareceu! Quero colocar o nome (em azul) com a foto do cão em cima, em um fundo preto. Como eu faço?
    Mais uma vez Parabéns pelo site é ÓTIMO!!!!!
    Abração

    ResponderExcluir
  12. Oi Taís fico feliz que tenha ficado bom, na hora de salvar, salve em .PNG com fundo transparente, aí assim você vai poder aplicar na foto que desejar sem problemas, para isso pressione Ctrl+Alt+Shift+S para abrir a caixa de Save For Web, defina a opção PNG 24, com a opção Transparency marcada, aí é só pressionar Ok e pronto, obrigado pela visita!! volte sempre!! :)

    ResponderExcluir
  13. Oi Luís, o que seria um texto "piroso"? , obrigado pela visita!! :)

    ResponderExcluir
  14. Oi , como eu fasso o layer e por cima as letras , voce disse para selecionar a layer e mete uma cena eu nao tenho layer

    ResponderExcluir
  15. Oi Pedro, faça assim, na paleta de layers (Window> Layers), você terá suas layers, pressione a letra T do teclado e escreva algo em seu documento, isto criará uma nova layer em que o ícone será uma letra T bem grande, agora você possui duas layers, sendo que na layer de baixo você pode inserir o que desejar, uma nova cor ou foto e a de cima ficará com a palavra que você escreveu, obrigado pela visita!! :)

    ResponderExcluir
  16. Tipow...
    eu fechei aquela janela de layer sem qrer...
    Como faço pra tornar a vê-la?

    ResponderExcluir
  17. Jorge[o msm q o de cima]10 de novembro de 2007 20:14:00 BRST

    e tb... no Color Overlay o numero 46020f n bate com a cor verde...
    "/
    eu uso photoshop CS2...

    ResponderExcluir
  18. Oi Jorge, você pode acessar a paleta de layers indo em Window> Layers ou pressionando F7, quanto a cor na verdade o hexa da cor é 46C20F, na foto está difícil identificar o C, realmente está parecendo um 0, obrigado pela visita!! volte sempre!!

    ResponderExcluir
  19. Oi!

    Não deu muito certo pois nao te imagem final para comparar.
    Algumas imagens estão iguais (assim: a do "Inner Glow" deveria ser no "Bevel and Emboss", por isso nao dah certo, as imagens estão contrárias.
    Ok?
    Flw, teu blog tah otimo.

    ResponderExcluir
  20. Oi Matheus, você tem razão estou fazendo a transferencia das imagens para o novo servidor e nessas acabei embaralhando as imagens, ainda está falatando a 3° imagem que terei que fazer upload novamente, mas já arrumei as restantes, hoje a noite a 3° imagem estará no ar ok? obrigado pelo toque, volte sempre!!

    ResponderExcluir
  21. Oi André!

    A imagem 3 do passo 4, não está aparecendo.
    será que você poderia "upar" em outro servidor? Porque tentei no Explorer, no Firefox, tentei achando o endereço onde ela estava hospedada, mas não consegui.
    Obrigado pela atenção!

    Abraço!

    ResponderExcluir
  22. Oi Rafa, pode deixar, já estou trabalho nisto.. obrigado pelo toque, volte sempre!!

    ResponderExcluir
  23. Oi Rafa, conferi no tutorial original (inclusive coloquei o link para ele) e os passos 3 e 4 na realidade possuem os mesmos valores para os Styles usados, obrigado pela visita!!

    ResponderExcluir
  24. Nossa...muito legal o efeito.
    Parabéns pelo blog.
    Mas tenho uma dúvida...e se eu ñ quiser fazer na cor verde? Eu tentei mudar a cor pelo Hue Saturation, mas como os efeitos estão aplicados na Layer Style, ñ muda nada...
    Tem algum jeito além de ter que mudar a cor em cada passo (Drop Shadow, Inner Glow, Bevel and Emboss etc)?
    Obrigada

    Mariane

    ResponderExcluir
  25. Oi Mariane, a cor do efeito você define no Color Overlay que foi aplicado no passo 08, obrigado pela visita :)

    ResponderExcluir
  26. Muito Bom consegui faze direitinho
    Vlw

    ResponderExcluir
  27. Oi André, parabéns pelo tutorial, é muito bom!
    Mas qual é o photoshop que vc usa, pq o meu é o CS3 e não tem todos os recursos que vc mostra na parte de Opções de mesclagem das camadas?

    ResponderExcluir
  28. muito prático
    parebéns!!!

    ResponderExcluir
  29. Parabéns pelo trabalho..
    nota 10 pra vc

    ResponderExcluir
  30. oo ANDRÉ bom?
    parabenss beloo blogg
    muito bom:D
    oww comoo deixa o mau photoshop cs2 em ingles??
    é mais facil
    :D
    abraçoo
    Gustavo

    ResponderExcluir
  31. oww no passo 6 oque é screen pq meuu pc ta em portuga.
    qual a letra que tu uso andre
    abraço

    ResponderExcluir
  32. Eu estou com uma foto de uma galera e ficou faltando um amigo. tenho uma foto dele e gostaria de coloca-lo nmessa foto. Fazer essa montagem. Como faço isso?

    ResponderExcluir
  33. Camille.

    Tenho o CS3 (português)no meu computador, não sei mexer muito bem no photoshop é confesso estar "apanhando" com essas aulas super simples de vocêis.
    Poderia, por favor, me explicar esse lance de layers. -> 03. Agora vá em Layer> Layer Style> Drop Shadow, defina os valores abaixo, agora vá em Layer> Layer Style> Inner Shadow e defina os mesmos valores.

    sei que são camadas, mas como faço para seleciona-las?

    ResponderExcluir
  34. preciso do nome dessa fonte.Alguem sabe?

    ResponderExcluir
  35. Parabéns, Andre. Tutorial lindo!!!
    A fonte mais próxima desta é "Bradley Hand ITC".
    Por favor, se alguém souber de outra poste aqui.
    Feliz 2010!!!!

    ResponderExcluir
  36. Parabéns Andre. Gostei muito deste e de todos tutoriais que vi.
    São sensacionais!!!
    Procurei incessantemente a fonte usada neste tutorial.
    Hoje, depois de tanta busca encontrei.
    *A fonte usada para este tutorial é "Angryblue controlada", que vem em um pacote com o "Angryblue fonte".
    *E o site de origem: http://www.adobetutorialz.com/articles/53/1/Gel-Text.
    Não sei se é do interesse de alguém, mas gosto de fazer meus tutoriais pela primeira vez tal qual vejo no tutorial. Depois faço outras aplicações.
    Felicidades a todos que por aqui passam.

    ResponderExcluir
  37. *A fonte usada para este tutorial é "Angryblue controlada", que vem em um pacote com o "Angryblue fonte".

    Esta fonte é gratuita e pode ser encontrada aqui:

    http://www.dafont.com/font.php?file=angryblue&page=1&nb_ppp_old=10&text=Gel+Text&nb_ppp=10&psize=l&classt=alpha

    ResponderExcluir
  38. Tutorial super bem explicado.. deu tudo certo, fiz com rosa, ficou lindo!!!!!

    ResponderExcluir
  39. Muito obrigado mano,o meu ficou ótimo! Obrigado mesmo :)

    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,344,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,509,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Texto Em Gel
Tutorial: Texto Em Gel
http://www.andresugai.org/Tutoriais/10.2006/T11/imagem9.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2006/10/texto-em-gel_17.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2006/10/texto-em-gel_17.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