Este tutorial mostrará uma maneira muito rápida e fácil de criar um efeito de texto de metal líquido, usando algumas texturas, padrões e estilos de camada. Vamos começar!
Este efeito de texto foi inspirado nos muitos estilos de camada disponíveis no GraphicRiver.
Recursos do tutorial
Os seguintes ativos foram usados durante a produção deste tutorial:
1. Como adicionar padrões padrão
Passo 1
Vamos para Editar > Predefinições > Gerenciador de predefiniçõese escolha Padrões de Tipo de predefinição menu suspenso.
Em seguida, clique na pequena seta à direita do Tipo de predefinição menu suspenso e clique no Padrões da Natureza definir. Quando a caixa de diálogo aparecer depois disso, basta clicar Acrescentar.



Passo 2
Abra o Metal escala textura perfeita 1 imagem em PhotoshopVá para Editar > Definir padrãonomeie o padrão Balanças de metale clique OK.



2. Como criar um plano de fundo texturizado
Passo 1
Crie um novo 1000 x 600 pixels documento. Em seguida, clique no Criar nova camada de preenchimento ou ajuste ícone na parte inferior do Camadas painel e escolha Gradiente.



Passo 2
Crie o preenchimento gradiente usando as cores #301e14
para a esquerda e #0d0909
Para a direita.
Colocou o Estilo para Radial e a Escala para 250.



etapa 3
Coloque o Textura 555 imagem em cima do Gradiente camada e renomeie sua camada para Textura BG.
Mudar o Textura BG camadas Modo de mistura para Luz suavee redimensione-o conforme necessário.



Passo 4
Adicionar um Mapa de gradiente camada de ajuste e prenda-a na Textura BG camada. Use o preenchimento gradiente abaixo e verifique o Dither caixa. Em seguida, altere o Mapa de gradiente camadas Modo de mistura para Cor e os seus Opacidade para 75%.



3. Como criar camadas de texto
Passo 1
Crie o texto usando a fonte Skyoval. Colocou o Cor para #7f7b78
e a Tamanho para 350 pontos.



Passo 2
Duplique a camada de texto e altere a cópia Encher valor para 0.



etapa 3
Duplique a camada de texto de cópia.



4. Como estilizar a camada de texto original
Duplo click a original camada de texto para aplicar o seguinte estilo de camada:
Passo 1
Adicionar um Bisel e Emboss com estas configurações:
- Tamanho: 18
- Desmarque o Usar Luz Global caixa
- Ângulo: 112
- Altitude: 32
- Contorno de brilho: Enseada – Profunda
- Verifica a Anti-alias caixa
- Modo de destaque: Luz linear
- Modo sombra: Combustão linear



Passo 2
Adicionar um Contorno com estas configurações:
- Contorno: Meia Rodada
- Verifica a Anti-alias caixa.



etapa 3
Adicionar um Textura com estas configurações:
- Padrão: Nuvens
- Escala: 25%
- Profundidade: 5%



Passo 4
Adicionar um Sombra interior com estas configurações:
- Modo de mistura: Tela
-
Cor:
#4e9d86
- Opacidade: 50%
- Desmarque o Usar Luz Global caixa
- Ângulo: 90
- Distância: 8
- Tamanho: 9
- Contorno: Meia Rodada



Etapa 5
Adicionar um Brilho interior com estas configurações:
- Modo de mistura: Diferença
- Opacidade: 35%
- Cor: Use o Bronze Bz55 preenchimento Gradiente
- Fonte: Centro
- Tamanho: 29



Etapa 6
Adicionar um Cetim efeito com estas configurações:
- Modo de mistura: Luz forte
-
Cor:
#deb7a7
- Opacidade: 50%
- Ângulo: 90
- Distância: 13
- Tamanho: 15
- Contorno: Inclinação Ondulada – Descendente
- Verifica a Anti-alias caixa
- Verifica a Invertido caixa



Etapa 7
Adicionar um Sobreposição de cores com estas configurações:
-
Cor:
#653739
- Modo de mistura: Queimadura de cor



Etapa 8
Adicionar um Sombra projetada com estas configurações:
-
Cor:
#010101
- Opacidade: 85%
- Distância: 15
- Tamanho: 10



Isso irá estilizar a primeira camada de texto.



5. Como estilizar a primeira camada de texto de cópia
Duplo click a primeira cópia camada de texto para aplicar o seguinte estilo de camada:
Passo 1
Adicionar um Bisel e Emboss com estas configurações:
- Tamanho: 10
- Desmarque o Usar Luz Global caixa
- Ângulo: 69
- Altitude: 42
- Contorno de brilho: Cone – Invertido
- Verifica a Anti-alias caixa
- Modo de destaque: Luz linear
- Modo sombra:



Passo 2
Adicionar um Contorno com estas configurações:
- Contorno: Cone
- Verifica a Anti-alias caixa.
- Variar: 100%



etapa 3
Adicionar um Textura com estas configurações:
- Padrão: Margaridas Azuis
- Escala: 25%
- Profundidade: 5%



Passo 4
Adicionar um Sombra interior com estas configurações:
- Modo de mistura: Combustão linear
-
Cor:
#a5a7cb
- Opacidade: 50%
- Desmarque o Usar Luz Global caixa
- Ângulo: 90
- Distância: 5
- Estrangular: 10
- Tamanho: 9



Etapa 5
Adicionar um Brilho interior com estas configurações:
- Modo de mistura: Sobreposição
- Opacidade: 11%
- Cor: Use o tubo de fogão 100 preenchimento Gradiente
- Técnica: Preciso
- Fonte: Centro
- Tamanho: 18
- Contorno: Cone – Invertido



Isso irá estilizar a segunda camada de texto.



6. Como estilizar a segunda camada de texto de cópia
Duplo click a segunda cópia camada de texto para aplicar o seguinte estilo de camada:
Passo 1
Adicionar um Bisel e Emboss com estas configurações:
- Tamanho: 32
- Desmarque o Usar Luz Global caixa
- Ângulo: -30
- Altitude: 48
- Contorno de brilho: Cone
- Verifica a Anti-alias caixa
- Modo de destaque: Luz forte



Passo 2
Adicionar um Contorno com estas configurações:
- Contorno: Anel – Duplo
- Verifica a Anti-alias caixa.
- Variar: 100%



etapa 3
Adicionar um Textura com estas configurações:
- Padrão: Balanças de metal
- Escala: 50%



Passo 4
Adicionar um Brilho interior com estas configurações:
- Modo de mistura: Luz linear
- Opacidade: 35%
-
Cor:
#e5d2b2
- Tamanho: 29
- Contorno: Cone – Assimétrico



Etapa 5
Adicionar um Cetim efeito com estas configurações:
- Modo de mistura: Luz linear
-
Cor:
#93c0f7
- Opacidade: 50%
- Ângulo: 5
- Distância: 51
- Tamanho: 65
- Contorno:
- Verifica a Anti-alias caixa
- Desmarque o Invertido caixa



Etapa 6
Adicionar um Sobreposição de padrões com estas configurações:
- Modo de mistura: Clarear
- Opacidade: 35%
- Padrão: Balanças de metal
- Escala: 50%



Isso estilizará a camada de texto final.



7. Como ajustar a coloração
Adicionar um Mapa de gradiente camada de ajuste em cima de todas as camadas, use o preenchimento de gradiente abaixo e verifique o Dither caixa.
Em seguida, altere o Mapa de gradiente camadas Modo de mistura para Luz suave e os seus Opacidade para 20%.



Parabéns! Você Terminou
Neste tutorial, criamos um plano de fundo usando um preenchimento de gradiente e uma textura. Em seguida, criamos algumas camadas de texto e estilizamos cada uma delas para obter o efeito de metal líquido.
Sinta-se à vontade para deixar seus comentários, sugestões e resultados abaixo.



Originally posted 2022-07-19 16:55:05.