O texto de vidro transparente é um dos efeitos de estilo de texto mais populares no Photoshop e dá um toque elegante, moderno e profissional aos projectos. Quer seja para logótipos, gráficos de cabeçalho ou projectos criativos, este efeito impressiona pela sua representação realista do vidro que capta a luz e a sombra. Neste tutorial, vou mostrar-lhe passo a passo como criar um efeito de texto de vidro transparente com o Photoshop. Utilizaremos ferramentas simples, como estilos de camada, gradientes e efeitos, para obter um resultado convincente. Vamos começar e fazer o seu texto brilhar!
1. o fundo
Vamos criar um novo documento com um tamanho de 700 x 400 pixels. E para aqueles que o quiserem imprimir mais tarde: Uma resolução de 300 ppi.
Em primeiro lugar, criamos um bom gradiente de fundo. A maioria dos gradientes consiste normalmente em duas cores. No Photoshop, no entanto, temos a opção de criar várias cores e, portanto, gradientes mais complexos.
Por isso, vamos criar um gradiente radial:
Seleccionamos a cor: #790d3c para o primeiro seletor, clicamos no meio da barra de cores e seleccionamos a cor: #4a0823. No último: #2c0414.
Depois, desenhamos o gradiente de baixo para a esquerda, de modo a termos o nosso cone de luz em baixo, à direita.
2. o texto
De seguida, utilizamos a ferramenta de texto. Escolhi o tipo de letra "Adobe Caslon Pro", que está incluído no Creative Suite. O tamanho da fonte neste exemplo é 75,92 pt. A única coisa que falta agora é a cor correta. Atribuímo-la clicando no campo de cor no canto superior direito.
Aí, introduzimos o seguinte valor: #a9419c.
Para o nosso resultado intermédio:
Definimos a opacidade da camada para 28%, para que o nosso texto pareça transparente por enquanto.
Depois, faça duplo clique na camada "PSD" ou clique no botão fx na parte inferior do painel de camadas para abrir os efeitos da camada. Primeiro, seleccionamos a sombra projetada. Pode encontrar os valores abaixo:
Obtemos o seguinte resultado:
De seguida, vamos para Sombra para dentro e aplicamos os seguintes valores:
E obtemos o seguinte resultado:
- Shine outwards:
Resultado intermédio:
- Aparência para dentro:
- Borda achatada e relevo:
- Contorno:
Resultado intermédio:
- Brilho: Para a cor do método de preenchimento, basta clicar uma vez com a pipeta no fundo escuro ao lado do nosso "P".
Resultado intermédio:
- Contorno:
Resultado intermédio:
3. Criar reflexos
Agora, vamos criar um pequeno reflexo na parte inferior do "D". Para isso, seleccionamos todo o texto, mantendo premida a tecla Ctrl e clicando na miniatura da nossa camada.
Crie uma nova camada por cima.
Depois, vamos à ferramenta de gradiente e seleccionamos um gradiente de branco para transparente. Certifique-se de que a caixa Gradiente radial ainda está selecionada...
... e aplique o gradiente como mostra a ilustração abaixo.
Resultado:
Também podemos ocultar a seleção com Ctrl+H. Isto permite-nos avaliar melhor o resultado quando desenhamos um segundo gradiente.
Por isso, desenhamos outro gradiente, como mostra a ilustração. Desta forma, intensificámos um pouco mais o brilho.
Agora, prima Ctrl+D para cancelar a seleção oculta. De seguida, chamamos à nossa camada superior "Brilho inferior". Para que o nosso gradiente se adapte bem ao nosso texto, seleccionamos o modo de mistura: Copy one into the other.
Isto dá-nos o seguinte resultado intermédio:
Agora fazemos o mesmo com o canto superior esquerdo: Seleccionamos o texto mantendo premida a tecla Ctrl na miniatura da camada.
Criamos uma nova camada, a que chamamos "Aparência superior"...
... e utilizamos o gradiente radial de branco para transparente para criar outro gradiente, como mostrado abaixo...
Resultado intermédio:
Depois, cancelamos a seleção com Ctrl+D...
... e alteramos a opacidade para 30%.
Resultado intermédio:
Para obter um reflexo mais forte, começamos por arrastar uma elipse de seleção sobre a metade superior do nosso tipo de letra para... (para mover a elipse enquanto arrasta, mantenha premida a barra de espaços ).
Em seguida, invertemos esta seleção premindo Ctrl+Shift+I,...
... e apagamos o resto do gradiente com a tecla Del, para obtermos uma borda reflectora rígida.
4. Criar os destaques (2 variantes)
Para criar um aspeto ainda mais brilhante, criamos pequenos marcadores. Há várias maneiras de o fazer. Vou explicar-vos duas delas. A primeira é utilizando estrelas poligonais. E a segunda, utilizando pontos de esbatimento.
Variante 1: Estrelas poligonais
Comecemos pelas estrelas poligonais. Para isso, criamos uma nova camada e chamamos-lhe "asteriscos".
Depois, seleccionamos a ferramenta polígono...
... clicamos na pequena seta para baixo na barra de controlo e...
... clicamos na opção estrela.
- Definimos "Retratar lados" para 98% para obter pontos realmente difíceis. De seguida, introduzimos 5 para " Páginas" para obter 5 pontos por estrela.
Agora é importante que tenhamos definido a cor de primeiro plano para branco. De seguida, colocamos as estrelas nas zonas mais iluminadas...
O conjunto pode ter este aspeto agradável.:)
Passemos agora à segunda variante. Mas, primeiro, vamos arrumar a nossa paleta de camadas, agrupando as nossas camadas de polígonos (selecionando as camadas relevantes e premindo Ctrl+G). Depois, podemos ocultá-las com um clique. Podemos chamar ao grupo "asterisco".
Variante 2: Criar pontos de esbatimento como pincéis
Gostaria de vos mostrar uma forma muito eficiente de colocar pontos de esbatimento de forma rápida e fácil. Para isso, primeiro precisamos de um novo documento com uma área de trabalho de 2000 x 2000 pixels (precisamos disto, porque os pontos de esbatimento serão extremamente grandes mesmo quando são pequenos;) ).
Preenchemos a área de fundo com preto...
... e chamamos os nossos pontos de esbatimento.
Agora, temos de nos certificar de que colocamos o remendo de abertura o mais próximo possível do centro, para que o brilho à sua volta não seja cortado na nossa superfície de trabalho.
Se olhares com atenção ou olhares para o teu monitor a partir do ângulo superior, podes ver que o nosso remendo de abertura quase toca na borda superior;)
Mas, felizmente, ainda o temos completamente. Por isso, agora premimos Ctrl+ I para inverter a nossa camada.
Depois, seleccionamos a camada inteira com a combinação de teclas Ctrl+A, vamos a Edit>Set Brush Preset...
... e guardamos o nosso ponto de mistura como um pincel.
De volta ao nosso documento, primeiro criamos uma nova camada e chamamos-lhe "Mancha de abertura".
Agora podemos chamar o pincel que acabámos de criar na paleta de pincéis.
Em primeiro lugar, certificamo-nos de que o nosso pincel não é demasiado grande. A cor do primeiro plano também deve ser branca.
É melhor criar uma nova camada para cada mancha de brilho (para podermos movê-la novamente, se necessário) e colocá-la nas zonas reflectidas da nossa imagem.
5. Criar um reflexo
Tal como acontece com a maioria dos objectos de alto brilho, normalmente deixam um reflexo. E é exatamente isso que vamos fazer agora com o nosso texto.
Antes de mais, precisamos de uma cópia de camada de todo o nosso texto, incluindo os reflexos. Para o fazer, seleccionamos as camadas "PSD", "Reflexo inferior" e "Reflexo superior" e arrastamo-las para a folha de corte inferior, mantendo premido o botão do rato, para criar uma cópia de camada das três camadas.
Em seguida, prima Ctrl+E para fundir estes duplicados numa única camada.
Em seguida, prima Ctrl+T para transformar a camada. Para o fazer, clique com o botão direito do rato na camada de transformação e selecione Espelhar verticalmente.
Em seguida, utilize as teclas de seta para mover a camada para baixo até que as extremidades da camada se toquem. Neste caso, isto só acontece com o "S". Teremos de ajustar os outros dois.
Por isso, chamamos a ferramenta de seleção retangular e seleccionamos primeiro o "P".
Se premirmos agora "V", temos a nossa ferramenta de deslocação pronta. Podemos então utilizar esta ferramenta para mover o "P" para cima, utilizando as teclas de setas, até que toque na borda inferior. Se premirmos Ctrl+H, ocultamos a margem de seleção e podemos, assim, avaliar melhor a posição. Isto ajuda imenso quando se desloca.
Não importa que a borda inferior do "P" esteja cortada, pois será escondida mais tarde.
De seguida, fazemos o mesmo com o "D".
Depois, criamos uma máscara de camada nesta camada...
... vamos à ferramenta de gradiente e definimos um gradiente de preto e branco ou um gradiente de preto para transparente. Certifique-se de que activou a opção Gradiente linear.
Posicionamos a ferramenta na margem inferior e arrastamo-la para cima, como mostra a ilustração. Podemos continuar a manter premida a tecla Shift para que o nosso gradiente seja realmente muito reto.
E obtemos o seguinte resultado intermédio:
Tal como acontece com muitos reflexos, o reflexo é normalmente muito fraco. Por isso, reduzimos um pouco mais a opacidade desta camada (44%) para obtermos um reflexo relativamente realista.
Isto dá ao nosso texto um pouco mais de espaço porque o reflexo torna um chão reconhecível. E para tornar este espaço um pouco mais claro, vamos criar um chão.
Antes de o fazermos, vamos pôr ordem nas nossas camadas. Mudamos o nome da camada que acabámos de criar para "Reflexo". Como existe um reflexo por baixo do texto, movemos esta camada "Reflexo" para debaixo da camada "PSD". Em seguida, juntamos o texto com o reflexo e as reflexões num grupo e chamamos a este grupo "PSD". E também fundimos as três camadas de pontos de esbatimento num grupo de pontos de esbatimento. A nossa estrutura de camadas consiste, portanto, na camada de fundo, no grupo "PSD", no grupo "Asterisco" e no grupo "Reflexo".
No grupo "PSD", criamos agora uma pasta chamada "Chão", na qual criamos o nosso gráfico final.
6. Criar um pavimento
Criamos uma nova camada no grupo de camadas "Chão", que também designamos por "Chão". De seguida, vamos à nossa ferramenta de gradiente.
Definimos os seguintes valores de cor:
Depois, mantemos premida a tecla Shift e desenhamos um gradiente bonito de cima para baixo.
Resultado intermédio:
Isto já está muito bonito, mas queremos que se torne no nosso chão. Agora, premimos Ctrl+T e arrastamos a camada na pega central superior para baixo até ficar ligeiramente saliente acima do reflexo. Desta forma, o texto não fica na extremidade posterior da "sala", mas mais ao centro.
Resultado intermédio:
Agora temos o nosso chão virtual. No entanto, ainda não é totalmente convincente, uma vez que não projecta uma sombra. Por isso, criamos uma nova camada para a sombra e movemo-la para baixo da camada do "chão".
Também chamamos a esta camada "Sombra". Depois, seleccionamos um pincel preto redondo e macio...
... e, mantendo premida a tecla Shift, desenhamos ao longo da borda do chão, fora do documento.
Resultado intermédio:
Agora, a nossa sombra ainda está um pouco forte demais. Mas isso não importa, pois podemos movê-la um pouco para baixo usando a ferramenta Mover e as teclas de seta. Ou podemos premir Ctrl+T novamente e mover a pega central inferior ligeiramente para cima para tornar a nossa sombra um pouco mais dura.
De seguida, podemos ajustar ligeiramente a opacidade da sombra (para 60%).
E finalmente atingimos o nosso objetivo.:)
Espero que tenham gostado deste tutorial e fico à espera de comentários.:)
