Weblivre.net - Informação em Primeiro Lugar

Assine nosso RSS

Sorteio

Concorra a três cursos on-line totalmente grátis:

1. Web Marketing

2. Técnicas de Vendas

3. Marketing Pessoal

Clique aqui para participar.

Dicas de Leitura

Aprenda a se Comunicar com Habilidade e Clareza Decisões com B.I. (Business Intelligence) Cd Rom Info Especial Excel Superdicas para Falar Bem em Conversas e Apresentações

Newsletter

Receba notícias e novidades em seu e-mail.

Publicado em 12/02/2005 - 4 comentários - Ler artigos relacionados - Você está em: Colunas » Photoshop

Efeito de vidro (meia-transparencia)

Efeito simples, interessante e fácil de se fazer. "Simula" uma transparencia estilo vidro em um texto ou forma.

Bom dia, boa tarde, boa noite! :D

Hoje o tutorial vai ser sobre um efeito bastante útil e interessante também...

  • Titulo: Como criar um efeito de vidro (meia-transparencia) em texto/formas
  • Dificuldade: Fácil
  • Versão: Photoshop 7 PT-BR (funciona em outras linguagens)
  • Outro requisito: Alguma foto/imagem a qual será aplicado o efeito junto ao texto
  • Agradecimento: Eduardo (PshycosiC) por algumas traduções dos blendings =)
Vamos ao que interessa!

  • Crie um documento com fundo branco de dimensão 500x375 (formato fotolog.net) ou do tamanho que desejar.

  • Usando a ferramenta de texto horizontal (Atalho tecla: T) escreva o texto que deseja no centro da imagem, de preferencia usando as configurações de fonte conforme a imagem abaixo:

  • Agora depois de criada a camada de texto, clique sobre ela com o botão direito do mouse e vá em "Propriedades de Mesclagem/Blending Options" e configure as opções conforme as imagens abaixo:

    • Inner Shadow/Sombra Interna

    Inner Glow/Brilho Interno

    Bevel And Emboss/Chanfro e Entalhe

    Contour/Contorno

    Satin/Acetinado

    Color Overlay/Sobreposição de Cor

    (caso você não consiga configurar a cor, basta clicar no quadrado a indica, aparecerá um seletor de cor, você digita C9C9C9 no campo no canto inferior direito e pronto, clique em OK)

  • A imagem deverá ficar parecida com a imagem abaixo: (ignore o fundo preto, só utilizei para realçar o efeito)

    • Exemplo do resultado

  • OK... mas ainda não terminou o tutorial, agora falta aplicar-mos este efeito de texto com uma figura no plano de fundo, veja como fazer isso, abaixo:

  • Abra a imagem do plano de fundo que desejar
  • CTRL+A (para selecionar tudo), CTRL+C (copiar) e depois volte para a imagem do efeito e tecle CTRL+V (colar)
  • Surgira uma nova camada (com a imagem que você colou)
  • Tecle CTRL+SHIFT+N (para criar uma nova camada)
  • Confira se a ordem das camadas está igual a da imagem abaixo

    • Camada 2: é a camada que acabamos de criar
    Plano de fundo: é a camada padrão (criada junto com o documento)
    Camada 1: é a camada que usaremos como imagem de fundo (aplicar o efeito)
    Weblivre: é a camada de texto que aplicamos os efeitos de mesclagem

  • Agora vem a "mágica", é agora que o efeito aparecerá

  • Depois de ordenadas as camadas, selecione a camada WebLivre e tecle CTRL+E (para mesclar com a "camada 2" (criada)

  • E por fim, mude o modo de mesclagem da "camada 2" (que já vai estar com o texto mesclado nela) para "Luz Direta/Hard Light"

  • Bom é isso aí, a minha imagem ficou assim:

    • Dicas:
  • Use fontes arredondadas (caso não tenha, use os modelos Sans Serif)
  • Siga todos os passos, inclusive na parte de Blendings
  • Você pode usar este mesmo estilo para formas e outros textos
  • Não use em textos/formas muito pequenas, o efeito não será satisfatório
  • Não use em fundos muito claros, o efeito não será satisfatório

    • Agora uma dica para salvar este Estilo, para poder usá-lo futuramente... siga os passos abaixo:

    Quando estiver com a camada de texto ainda não mesclada e com as opções de blending ja aplicadas, clique nela (no menu inferior da direita) com o botão direito do mouse e vá em "Blending options/Opções de mesclagem". Haverá um botão na direita escrito "Novo Estilo/New Style" Clique nele, e de um nome para o estilo "ex: Vidro". Quando quiser usar basta aplicar o estilo na forma/texto.

    Bom, espero ter ajudado :D, muitas pessoas me perguntam como que faz para deixar um texto nem totalmente transparente em um fundo... Pois está aí! Valeu pela paciencia e até mais!

    Autor: Marco Antonio

    Compartilhe:

    Comentários

    Comente este artigo!

    Artur em 27/05/2008
    Muito bom esse artigo! Meus parabéns..irei utilizá-lo concerteza!

    jemerson em 16/10/2005
    olá, sou conhecido por anjo na net ,e estou emtereçado num formulario do programa dreamweaver. eu sei criar um formulario so q ñ sei é deixalo ativo.EX: qdo uma pessoa enviar uma mensagem ela possa cair no meu e-mail. vcs pode me ajudar?

    Romer em 02/08/2005
    Efeito de Vidro

    Romer em 02/08/2005
    Efeito de Vidro

    2004-2008 Weblivre.net Todos os direitos reservados.

    Quem somos | Política de Acesso | Anuncie | Na Mídia | Seja um Colunista | Sugestão de Pauta | Fale Conosco

    Idealização: Webla - Comunicação Digital