Portuguese (Português) translation by Wesley Sales (you can also view the original English article)
Este tutorial bem curto, vai mostrar a você uma forma fácil de criar um efeito de texto inspirado na série 'Stranger Things', usando somente estilos de camada e alguns ajustes simples. Vamos começar!
Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na Envato Market.
Arquivos do Tutorial
Os seguintes arquivos foram utilizados durante a produção deste tutorial:
- Fonte Indira K
- Pacote Grátis de 6000 Degradês para o Photoshop por Supertuts007 (Carregue o arquivo CHROMES.grd)
1. Criando o Fundo e o Texto
Passo 1
Crie um documento de 1280 x 720 px e preencha o Plano de Fundo (Background) com a cor #0c0101.
Passo 2
Crie o texto com a cor Branca usando a fonte Indira K.
A fonte utilizada originalmente foi a Benguiat, mas você pode substítui-la por essa alternativa grátis.
Defina o Tamanho (Size) para um valor em torno de 141 pt, e marque os ícones Negrito Falso (Faux Bold) e Todas em Maiúsculas (All Caps) no painel Caractere (Janela > Caractere) (Window > Character).
Passo 3
Altere o valor do Espaçamento entre Caracteres (Tracking) para -100.
Passo 4
Altere a Escala Vertical para 115. Isso vai esticar o texto verticalmente.
2. Ajustando as Letras Maiores
Passo 1
Selecione (realce) a primeira letra do seu texto, e altere o seu Tamanho (Size) para um valor perto de 212 pt.
Passo 2
Em seguida, você vai precisar alterar o valor do Deslocamento da Linha de Base (Baseline Shift) para mover as letras maiores para baixo, até que a parte superior delas fique no mesmo nível da parte superior do resto das letras.
Para fazer isso, você pode digitar valores numéricos ou arrastar sobre o ícone Definir o Deslocamento de Linha de Base (Set the baseline shift) para a esquerda.
Passo 3
Faça o mesmo com a última letra da primeira linha do texto, ou qualquer uma das outras letras, de acordo com sua preferência.
3. Ajustando o Espaço entre Dois Caracteres
Passo 1
Coloque o cursor do texto entre as suas duas primeiras letras e altere o Espaço entre Dois Caracteres (Kerning) para um valor de sua preferência.
Passo 2
Dependendo do seu texto e do resultado que você procura, ajuste o Espaço entre Dois Caracteres (Kerning) para o resto das letras. Nem todas as letras devem ser ajustadas, ajuste apenas as que você acha que precisa.
Passo 3
Assim que você terminar, altere o valor do Preenchimento (Fill) da camada do texto para 0.
4. Estilizando o Texto
Dê um duplo-clique na camada do texto para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Estilo: Traçar Entalhe (Stroke Emboss)
- Profundidade (Depth): 220
- Tamanho (Size): 3
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: 156
- Altitude: 37
- Contorno de Reflexo (Gloss Contour): Cone - Invertido
- Marque a opção Suavização de Serrilhado (Anti-aliased)
- Opacidade do Modo de Realce (Highlight Mode): 35%
- Opacidade do Modo de Sombra (Shadow Mode): 50%
Passo 2
Adicione um Contorno com as seguintes configurações:
- Contorno: Vale - Profundo (Cove - Deep)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 3
Adicione um Traçado (Stroke) com as seguintes configurações:
- Tamanho (Size): 3
- Posição: Interna (Inside)
-
Cor:
#ce1725
Passo 4
Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:
- Opacidade: 50%
- Ruído (Noise): 5%
-
Cor:
#ea0f0f - Tamanho (Size): 17
Passo 5
Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:
- Opacidade: 50%
- Ruído (Noise): 5%
-
Cor:
#ea2314 - Tamanho (Size): 12
- Escala (Range): 60%
Passo 6
Isso vai estilizar o texto. Clique com o Botão Direito do Mouse na camada de texto estilizada, e escolha Copiar Estilo de Camada (Copy Layer Style).
5. Criando as Formas Retangulares
Passo 1
Pegue a Ferramenta Retângulo Arredondado (U), e defina o Raio na barra de Opções para 2. Clique-e-arraste para criar um retângulo acima do texto, com o valor da Altura (Height) em torno de 7px.
Em seguida, clique-e-arraste para criar mais retângulos no começo e no fim da segunda linha de texto, ou em qualquer lugar de sua preferência. Certifique-se de manter a mesma Altura em todos os retângulos que você criou.
Passo 2
Altere o valor do Preenchimento (Fill) de todas as camadas dos retângulos para 0.
6. Estilizando os Retângulos
Clique com o Botão Direito do Mouse em qualquer um dos seus retângulos e escolha Colar Estilo de Camada (Paste Layer Style). Esta ação vai aplicar o mesmo estilo de camada copiado da camada do texto.
Depois disso, dê um duplo-clique na camada do retângulo estilizado para ajustar alguns dos valores:
Passo 1
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Tamanho (Size): 2
Passo 2
Adicione um Traçado (Stroke) com as seguintes configurações:
- Tamanho (Size): 2
- Posição: Externa (Outside)
Passo 3
Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:
- Tamanho (Size): 5
Passo 4
Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:
- Tamanho (Size): 17
Passo 5
Clique com o Botão Direito do Mouse na camada do retângulo estilizado, e escolha Copiar Estilo de Camada (Copy Layer Style).
Passo 6
Selecione as outras camadas de retângulos, clique com o Botão Direito do Mouse em qualquer uma delas e escolha Colar Estilo de Camada (Paste Layer Style).
Passo 7
Coloque o texto e as camadas com os retângulos em um grupo, e chame-a de Efeito de Texto.
7. Estilizando o Grupo
Dê um duplo-clique no grupo do Efeito de Texto para aplicar o seguinte estilo de camada:
Passo 1
Adicione uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:
- Marque a opção Pontilhamento (Dither)
- Modo de Mesclagem (Blend Mode): Luz Suave (Soft Light)
- Estilo: Refletido
- Ângulo: 135
- Crie um preenchimento de Degradê (Gradient) usando as cores
#fbe7c2para a esquerda e#e69f99para a direita
Passo 2
Adicione outro efeito de Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:
- Marque a opção Pontilhamento (Dither)
- Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
- Estilo: Refletido
- Ângulo: 135
- Use o preenchimento de degradê faucet 10
Passo 3
Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:
- Opacidade: 20%
-
Cor:
#de1b22 - Tamanho (Size): 34
- Escala (Range): 60%
Isso vai melhorar o efeito.
8. Adicionando Alguns Pontos de Luz
Passo 1
Defina a Cor do Primeiro Plano para #451d08, e então crie uma nova camada acima de todas as camadas, chame-a de Luz (Light) e altere o seu Modo de Mesclagem (Blend Mode) para Subexposição de Cores (Color Dodge).
Passo 2
Pegue a Ferramenta Pincel (B) e escolha uma ponta arredondada, grande e suave. Em seguida comece a clicar em cima das letras para iluminá-las.
Você pode alterar o tamanho da ponta e brincar com o valor da Opacidade na barra de Opções para controlar a intensidade dos pontos de luz que você está adicionando.
Passo 3
Clique no ícone Criar Nova Camada de Ajuste ou Preenchimento (Create New Fill or Adjustment Layer) no painel de Camadas (Layers) e escolha Matiz/Saturação (Hue/Saturation).
Passo 4
Altere o valor da Saturação para 35, e a Luminosidade (Lightness) para 15 ou quaisquer outros valores de sua preferência.
9. Ajustando a Coloração
Passo 1
Adicione uma camada de ajuste de Degradê (Gradient) acima do grupo Efeito de Texto.
Crie um preenchimento de degradê usando as cores #5c456e para a direita, #b26b73 no centro e #fda982 para a esquerda. Altere o Estilo para Refletido, o Ângulo para 155 e a Escala para 55%.
Passo 2
Altere o Modo de Mesclagem (Blend Mode) da camada de Degradê (Gradient) para Cor e sua Opacidade para 35%.
Parabéns! Você Terminou
Neste tutorial, criamos o texto e modificamos ele usando diferentes opções e configurações do painel de Caractere. Então, estilizamos o texto, criamos os retângulos e estilizamos eles também.
Depois disso, agrupamos todas as camadas e adicionamos mais uma camada de estilo. Finalmente, adicionamos alguns pontos de luz e uma camada de ajuste de degradê para modificar a coloração do resultado final.
Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.
