iMasters | Por uma internet mais criativa e dinâmica

Quinta-feira, 23/09/2004 - 15:16 - Por Fabio Lody
Seções relacionadas:

• Photoshop

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 31 comentários

Olá amigos. Dando sequência aos efeitos de texto, hoje mostrarei como se criar um efeito bem usado na internet e de resultado muito atraente.

Gostaria também de lembrar aos leitores que possuimos um exelente fórum (www.imasters.com.br/forum) onde você poderá postar sua dúvida ou até ajudar aos outros com seu conhecimento, além de participar de vários desafios. Então não deixe de conhecer.

Também estarei lançando em breve meu novo site pessoal. Portanto, aguardem que este mês de outubro vem cheio de surpresas. Vamos lá!

Descrição: Explicação sobre criação de textos com efeitos de gel no Photoshop
Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Coldplay - God Put A Smile Upon Your Face

1º Passo: Crie um arquivo de 400x400 pixels em RGB (a cor de fundo não enfluencia nesse momento).

2º Passo: Escreva uma letra ou um texto qualquer para usarmos como teste. (Utilizei a fonte "Brie Heavy").

3º Passo: Vá na barra de Opções em Layer > Layer Style > Blending Options ou clique sobre o botão Add a Layer Style.

Blending Option

Drop Shadow

Outer Glow

Usamos a cor #FFD801

Inner Shadow

Inner Glow

Bevel and Emboss

Color Overlay

Cor #FFD200

Satin

Nosso efeito final, lembrando que nosso texto ainda está editável.

Aqui com outra cor.

Perceba que nossa fonte possui uma leve transparência.

Bom espero que tenham gostado, um abraço a todos.

Todos os artigos de Fabio Lody

18/05/2009 - Como manipular gelo no Photoshop 16/07/2008 - Manipulando o fogo com o Photoshop 06/06/2008 - Desenhando um iPhone pelo Photoshop CS3 - Conclusão 20/03/2008 - Desenhando um iPhone pelo Photoshop CS3 - Parte 02 28/01/2008 - Desenhando um iPhone pelo Photoshop CS3 - Parte 01 27/11/2007 - Illustrator + Photoshop CS3 13/09/2007 - Atualização - Truques para Tratamento de Imagens 12/09/2007 - Atualização: Truques para tratamento de imagens 02/07/2007 - Monitores LCD, configurações e impressão 03/04/2007 - Trabalhando com Actions 19/01/2007 - Workspace e Smart Objects 06/12/2006 - Novas técnicas para pincéis e Layer Comps 16/10/2006 - Conhecendo a Color Swatches 18/08/2006 - Manipulação e tratamento de foto profissional 24/07/2006 - Explorando o Adobe Bridge 14/06/2006 - Bandeira Brasileira 23/05/2006 - Lunatic Art 26/04/2006 - Quebra cabeça 28/03/2006 - Jumping Out 15/03/2006 - Tornando as pessoas invisíveis 22/02/2006 - Box 3D 24/01/2006 - Efeito CD-ROM 09/01/2006 - Reflexo 20/12/2005 - Feliz Natal! 08/12/2005 - Post it 21/11/2005 - Bordas arredondadas 03/11/2005 - Scripts para Photoshop 06/10/2005 - Dicas e dúvidas 22/09/2005 - Jogando água no Photoshop 06/09/2005 - Criando estilos - Parte 02 01/08/2005 - Back Fire 04/07/2005 - Dicas para criação web no Photoshop 15/06/2005 - Web no Photoshop - Parte Final 31/05/2005 - Web no Photoshop - Parte 03 (Com Galeria) 18/05/2005 - Web no Photoshop - Parte 02 05/05/2005 - Web no Photoshop - Parte 01 18/04/2005 - Arte abstrata - Parte 03 30/03/2005 - Criando Luz Neon - II 14/03/2005 - Criando Luz Neon 02/03/2005 - Criando Estilos 18/02/2005 - Criando shapes 04/02/2005 - Olhos vermelhos e galeria de imagens 27/01/2005 - Abstract Art - Parte 02 26/01/2005 - Texto Grunge - Atualização 14/01/2005 - Abstract Art - Parte 01 06/01/2005 - Entrando no mundo Hitech 22/12/2004 - Enfeite de natal 10/12/2004 - Trabalhando com Fotos 30/11/2004 - Buraco negro 19/11/2004 - Galeria de imagens 10/11/2004 - Cabelos rebeldes - Parte 02 27/10/2004 - Trabalhando com garrafas no Illustrator 26/10/2004 - Papel envelhecido 15/10/2004 - Fundo abstrato - Parte 02 08/10/2004 - Fundo abstrato 30/09/2004 - Half Tone em Texto 23/09/2004 - Efeito Gel 15/09/2004 - Texto Grunge 10/09/2004 - Preparando o Photoshop para web - Final 03/09/2004 - Preparando o Photoshop para web - Parte 03 27/08/2004 - Preparando o Photoshop para web - Parte 02 19/08/2004 - Preparando o Photoshop para web 13/08/2004 - Os blends do Photoshop 04/08/2004 - Gotas em lata de refrigerante 29/07/2004 - Banners - Adobe ImageReady 21/07/2004 - Banners - Parte 02 13/07/2004 - Banners 07/07/2004 - Pixel Art 3D - Atualização 01/07/2004 - Integração e movimentos com o Image Ready - Atualização 28/06/2004 - Efeitos de luz 18/06/2004 - Cabelos rebeldes 08/06/2004 - Especial - Dia dos Namorados 25/05/2004 - Criando uma bola de vidro e trabalhando com relfexo 11/05/2004 - Trabalhando com pedras 27/04/2004 - Trabalhando com madeira 13/04/2004 - Preparando o Photoshop para impressão 29/03/2004 - Integração e movimentos com o Image Ready 15/03/2004 - Perfis de monitores ICC 01/03/2004 - Tratamento de Fotos 16/02/2004 - Máscaras e canais 03/02/2004 - Criando Curvas 22/01/2004 - Pixel Art 3D 12/01/2004 - Pixel Art 31/12/2003 - Congele sua vida 12/12/2003 - Brincando com fogo 04/12/2003 - Adobe Creative Suite: o novo Photoshop CS 25/11/2003 - Recuperando Ferramenta Pincel (Healing Brush Tool) 13/11/2003 - Colorização de Fotos 31/10/2003 - Efeito metálico 21/10/2003 - Efeito Fundo Abstrato 07/10/2003 - Carimbo ou Processamento em Lote 17/09/2003 - Scan Line (Efeito TV) 02/09/2003 - Pen Tool 22/08/2003 - Pincel Brush - Parte 02 04/08/2003 - Pincel Brush 16/07/2003 - Efeitos de fundo 30/06/2003 - Efeitos para banners 17/06/2003 - Efeito máscara (Fade IN) 10/06/2003 - Rádio - 3º Parte 27/05/2003 - Splash Texture 13/05/2003 - Efeito Matrix 05/05/2003 - Textura Aço 25/04/2003 - Texturas 14/04/2003 - Blue Steel 07/04/2003 - Alien Style 29/03/2003 - Textos cromados 14/03/2003 - Botões de plástico ou gel 11/03/2003 - Agora usando a ferramenta Liquify 28/02/2003 - Fatiamento de Imagens 20/02/2003 - Teclas de atalho do Photoshop 06/02/2003 - Efeitos de texto 20/01/2003 - Rádio - 2ª parte 08/01/2003 - Rádio 18/12/2002 - Efeito de luzes

31 comentários publicados

• 1. Está é a 1ª mensagem

  Quinta-feira, 23/09/2004, por Bruno Rafael A. dos Santos
  

  Olá, eu sou novo por aqui, (mais ou menos, já visitei este site muitas vezes), gostaria de parabeniza-lo pois como quero ser um grande (um dia) usuario do photo, está coluna me ajuda e ajudou muitas vezes. Inclusive tenho um serviço para fazer, em que suas matérias estão me ajudando muito!
  
  Até mais,
  
  Bruno

  Responder comentário

• 2. Efeito Gel

  Quinta-feira, 23/09/2004, por Duda Pontes
  

  E aí Fabio
  Pela primeira vez um efeito que vc passou deu certinho por aqui, estou começando agora a ver suas publicações desde o início e hoje resolví inverter, ver a lição atual ...
  vc mudou bastante a didática, agora está bem mais claro as passagens, digo isso pois uso o PS 7 inglês e algumas lições não tem jeito de dar certo, aliás mandeu 2 ou 3 mails para vc a este respeito e estou aguardando seu retorno, mas de qualquer forma sou seu leitor diário, vc é o cara!
  Espou aguardando ancioso seu site.
  Abraço
  Duda

  Responder comentário

• 3. dúvida

  Quinta-feira, 23/09/2004, por laizaliz
  

  gostaria de saber como vc fez para deixar esta leve transparência

  Responder comentário

• 4. Vc é fera

  Sexta-feira, 24/09/2004, por Osvaldo Neto
  

  sou um fã de carterinha assinada da sua coluna, aprendi muito sobre Photoshop. Eu era praticamente "ateu" em elaboração e editoração de imagens, e adotei essa religião que é o Photoshop... Só tenho a agradecer a vc e a IMASTERS, que proporciona o interesse em aprender...Valew.

  Responder comentário

• 5. E ai galera!

  Sexta-feira, 24/09/2004, por Maurício J. Fávaro
  

  Opa e ai meus amigos?
  bom , Gilson fico muito feliz que eu tenha te " convertido" cara caso tenha uma duvida em especial ai fique a vontade ok?
  Laizaliz de uma olhada no 3º passo com calma.. vai ver q mudo a opacidade varias vezes.
  Duda, todos efeitos publicados eu faço uma revisão, oq acontece as vezes é que alguns leitores nao conseguem executa-lo as vezes pela versão do software ou linguagem, quando acontecer isso me avise q vejo oq faço. Ah mande email pra meu email pessoal: fabio_lody@yahoo.com.br ou me procure em seu msn fabiolody@hotmail.com
  Bruno obrigado pelos elogios cara, fico feliz q eu possa te ajudar.
  Abraço a todos.

  Responder comentário

• 6. Meus Parabéns

  Sexta-feira, 24/09/2004, por Givanildo Rodrigues de Oliveir
  

  Fábio, quero dar os meus sinceros parabéns, aos seus belíssimos tutoriais que vem fazendo, suas matérias são ótimas, fáceis de entender, quero que saiba que aprendi muito com suas matérias...continue assim...flw
  
  Eu só queria dar uma sugestão, se não for muito incomodo pra vc, é relacionado aos menus e comandos que utilizamos no Photo Shop. Quando falar por exemplo pra clicar no menu Filtro, vc pegar e colocar tanto em português quanto em inglês: Exemplo: Clique no menu Filtro (Filter), Arquivo (File)...bem acho que entendeu. Muito obrigado pela atenção...até.

  Responder comentário

• 7. Show

  Sábado, 25/09/2004, por Fabricio Seehausen
  

  Como é que Photoshop pode ser tão viciante hein? Parabéns pela tua coluna! E bem que você podia dizer alguns lugares pra se baixar Brushes e Shapes... abraços!

  Responder comentário

• 8. Salve, Salve Fabião

  Domingo, 26/09/2004, por Wellington Santana Ribeiro
  

  Salve Fabio, aqui quem vos fala é o seu maior maior puxa saco... Fabio vc é o Deus do photoshop cara, aí graças à vc eu arrumei um emprego numa empresa que faz merchandisig, um birô, o salário não é lá essas coisas não mas tô aí né... Caraca mané os caras aqui são misterioso no photoshop, cada parada que os caras fazem, os caras são "femomenal" mais nada comparado a vc né Fabio, pô vc é sinistro no photoshop...Pena que aqui no Rio o povo acha que photoshop é uma comida francesa... Salve Salve fabão, ainda não estou com designer estou como impresso, cheirando tinta de uma impressora todo dia aqui, mas um dia vou ser melhor que vc...Abraços cara...

  Responder comentário

• 9. Ae blz?

  Domingo, 26/09/2004, por Toshi Ossada
  

  blz? ow aonde se conssegue essas fontes? me addiciona ao seu msn e icq para trocar-mos umas ideias

  Responder comentário

• 10. Fundo

  Segunda-feira, 27/09/2004, por Mateus Alan
  

  Blz Fábio, curto muito suas colunas.. .muito boas!!! O que eu achei bem massa nesse tutorial ae foi o efeito que vc colocou atras da letra ai!!!! Ficou legal o esquema da digital no sangue!
  O efeito de gel eu tinha feito já... usei aquele esquema dos botões de gel!!!!

  Responder comentário

• 11. E ai galera!

  Segunda-feira, 27/09/2004, por Maurício J. Fávaro
  

  Caramba galera qtos elogios !
  Muito obrigado..quero agradecer a todos q comentaram.. ah! Givanildo gostei de seu comentario..allias a um tempo atras eu escria artigos assim, o problema é q meu PS aki na agencia é em ingles ( original) mas vou ver oq eu faço ja q muitos leitores teem me pedido isso.
  Wellington, po cara eu estive ai no Rio ( Petropolis ) a pouco tempo atras cara conheci uns leitores... o povo carioca e muito gente fina!
  Bom amigos e isso, como nao tenho acesso ao cadastro feito pelo site, eu peço que me mandem email ou me adicionem no msn ( fabiolody@hotmail.com
  Abraço a todos

  Responder comentário

• 12. AAAAHHHH NÃO

  Segunda-feira, 27/09/2004, por bruno
  

  olha o cara, até gel! rs... pqp!.. oq esperar na proxima? ja temos eeito, alien, matrix, gota, hahaha... a cada matéria uma surpresa! Abração Lody! ce num aparece meis no icq nao fio?

  Responder comentário

• 13. só faltava essa

  Terça-feira, 28/09/2004, por Igor Véras
  

  cara, era oq faltava, como disse nosso conpanheiro Renato Amadeu, so faltava esse mesmo, "o q esperar na próxima?"
  a galera se ligou neste efeito, muito show!!!
  estar muito melhor que o efeito que o botão do "MAC" utilizado

  Responder comentário

• 14. Efeito mto bom! (o de trás!! :D)

  Sexta-feira, 01/10/2004, por Renato Teixeira
  

  Falaeee!! mto bom esse efeito do gel... brincando com as propriedades das camadas da pra se fazer mta coisa hehe
  
  mas o q me deixou pensando foi a imagem de trás.... como faz esse efeito de marcas de dedão q parece com sangue?? animal esse efeito!!

  Responder comentário

• 15. Show de BOLA!

  Sexta-feira, 01/10/2004, por Christiana
  

  Cara, muito doido esse efeito! Agora me diz uma coisa, esse efeito de sanque tá com cara de ser um BRUSH né?? Vc tem ele?? Aproveita e indica um site legal pra pegar uns.....Falow Abraço

  Responder comentário

• 16. Sangue!!

  Segunda-feira, 04/10/2004, por André Luiz Fraga Rodrigues
  

  oi, meu nime é bruna, achei massa o efeito do gel, mas queria saber se vc poderia nos ensinar a fazer esse ai do sangue tbm..gostei dele.
  Vlw..e como o meu amigo ai embaixo disse..fala uns sites ae pra gente pegar efeitos..

  Responder comentário

• 17. Perfeito

  Segunda-feira, 04/10/2004, por Nádia
  

  Fabio vc esta de parabens gostei muito, ja tinha pedido uma vez, tem como vc nos ensinar a fazer aquela figura nº1 do desafio de PS

  Responder comentário

• 18. Legal

  Quarta-feira, 06/10/2004, por Matheus
  

  Seus efeitos são 10, mas na apresentação final vc inventa uns outros sem ensinar pra galera. Quebra essa aí... Valeu!

  Responder comentário

• 19. muito bom

  Quinta-feira, 07/10/2004, por Felipe Matos
  

  muito bom Fabio alias vc tem me ajudado muito a abrir minha cabeca pra pensar em dar formas de criacao tenho o blog q. coloko alguma coisa q. fasso e alguma q. aprendi com vc. ai vai se der tempo de uma olhadinha la se q. vc e muito ocupado. obrigado Emerson_japao
  http://karlosjp.fotoflog.com.br/

  Responder comentário

• 20. Eu quero esta fonte

  Domingo, 10/10/2004, por diogo
  

  Pô Fábio, você faz uns efeitos loucos no photoshop usando também as fontes loucas faça uma coluna no imasters para fontes.
  
  Obs: Procurei esta fonte e não achei manda pra mim lucasdesign@microcamp.com.br

  Responder comentário

• 21. Nota10

  Quarta-feira, 20/10/2004, por Ismael Martins de Britto
  

  Muito legal esse efeito, valeu pela matéria !!!!!
  
  TtTééééééé

  Responder comentário

• 22. DIGITAIS

  Quinta-feira, 28/10/2004, por Pedro Jr
  

  Como ce fez essa impressões digitais?
  Brushes? se for pode me dizer onde pegar? E se não for, pode dizer como faz?
  thomazmaia@gmail.com

  Responder comentário

• 23. Parabénzzzzzz

  Quarta-feira, 03/11/2004, por Ivan Gonçalves
  

  Valeu Mano! estou esperando seu Cd... Manda ver logo
  
  Abraço

  Responder comentário

• 24. Nossa tá osso

  Quarta-feira, 01/12/2004, por Leonardo Ramos
  

  Cara porque vocês não ensinam esse tutorial em photoshop portugues? Isso que dá ficar usando software traduzido.ehheheheh....mais gostei muito do tutorial será que nao tem como passar as paradas pra portuga nao? Valeu e abraço.

  Responder comentário

• 25. curiosidades!!

  Segunda-feira, 31/01/2005, por Andre Simquevitz
  

  olá, parabêns pelo seu ótimo trabalho.
  tambêm sou um profissional da area e adoro novidades, gostei muito do site. fique com Deus!!

  Responder comentário

• 26. Valeu Boi

  Sexta-feira, 15/07/2005, por Cecilio Nunes
  

  Tenho uma revista sobre vaquejada – se tu quiser eu mando uma – e essas tuas dicas são da “gota serena”! É isso gosto de cabra assim, “arrochado no buriti”. Parabéns pela iniciativa e pela atenção. O site é da “molesta”!

  Responder comentário

• 27. Muito Bom!

  Domingo, 04/09/2005, por Rafael de Araújo Dantas
  

  Nossa ta dez esses tutoriais..
  eu estava procurando um efeito assim e agora achei..hehe valew...
  Abraços!

  Responder comentário

• 28. Efeito perfeito

  Quarta-feira, 11/01/2006, por Lilian Brim
  

  Parabéns pelo comentário, efeito muito bom.

  Responder comentário

• 29. Num consegui, não!!!

  Quinta-feira, 16/03/2006, por Nayane Louise
  

  Vc poderia fazer uma palavrinha pra mim????
  
  A palavra é: _NTC_

  Responder comentário

• 30. fera de mais

  Sexta-feira, 24/03/2006, por will
  

  muito bom fabio!!!!esse efeito eh muito bom,,,nem imaginava que era tão facil assim!!! valew ai pelos tutos maravilhosos que vc sempre coloca ai!!!!abraços!!!

  Responder comentário

• 31. dúvida

  Segunda-feira, 10/04/2006, por Melina Benatti Ostini
  

  gostaria de saber sobre a transparencia no gel... quero fazer isso nos botões...
  
  obrigada...

  Responder comentário

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

Fabio Lody é um dos colunistas mais lidos do Brasil. Desenvolveu trabalhos para a Johnson&Johnson, Chevrolet, Kawasaki Motors, grupo SBT, Ethos, HopiHari entre outros pela Tribal Interativa. Foi instrutor da WOC (Centro de Treinamento Adobe) e já trabalhou nas áreas de produção de vários webstudios. Escreve para duas revistas de circulação nacional além de desenvolver layouts de cartões para uma empresa do japão. Foi aluno de Alexandre Wollner e há 9 anos trabalha como Designer Gráfico. Blog: (http://www.fabiolody.com.br).

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

google apple yahoo lançamento linux tecnologia seguranca mobile mercado android iphone php windows web microsoft criação 3g internet youtube crescimento twitter ti firefox desenvolvimento brasil celular

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!