quinta-feira, dezembro, 2019

Crie texto cinematográfico dourado em 3D no Adobe Photoshop

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas
Loading...
FavoriteLoadingFavoritar este Post

As ações são uma ferramenta poderosa no Adobe Photoshop, e aqueles que usam o Photoshop para o trabalho provavelmente as usarão diariamente. Eles podem economizar muito tempo no seu fluxo de trabalho.

Neste tutorial, você aprenderá como criar uma ação para um efeito de texto cinematográfico dourado em 3D, que funcionará com qualquer fonte em tamanhos diferentes. Esta ação faz parte do   pacote Gerador de texto cinematográfico 3D – Ações .

Antes de começarmos

As ações economizarão seu tempo assim que forem concluídas, mas exigem que você preste atenção nos detalhes e na ordem das etapas. Lembre-se de que quando você começa a gravar uma ação, quase todos os cliques do mouse ou toques no teclado são salvos em sua ação.

Se você é novo no mundo das ações, pode ler um ótimo artigo de Melody Nieves que aborda o básico das ações do Photoshop ou aprender mais com as lições de Kirk Nelson sobre Como criar suas próprias ações no Adobe Photoshop .

Recursos do tutorial

Os dois arquivos de ativos ajudarão você a obter a imagem final no final, mas não são necessários para criar a ação:

1. Prepare-se para registrar uma ação

Antes de começar a gravar uma ação, você precisará preparar algum texto de exemplo. Neste tutorial, também adicionaremos um plano de fundo temático.

Passo 1

Comece abrindo a Imagem de fundo cinematográfica dos recursos. As dimensões da imagem são 900 x 600 px , e este será o plano de fundo do documento.

Fundo cinematográfico

Passo 2

Escolha a  ferramenta Type , escolher o  Pro 3 Trajano fonte (que deveria ser parte das fontes Adobe Photoshop, caso contrário, baixá-lo a partir dos activos), defina o tamanho da fonte para cerca de 170 pt , e escrever GLADIUS tudo em maiúsculas. A cor do texto não é importante.

Ferramenta Tipo

etapa 3

Clique no botão Criar texto distorcido . Defina Estilo: Arco , marque Horizontal e defina Bend: 6% .

Texto distorcido

2. Comece a gravar sua ação

Antes de iniciar a gravação, verifique se você possui apenas duas camadas no painel Camadas : a camada superior GLADIUS e a camada inferior Fundo .

Painel Camadas

Passo 1

Pressione Alt-F9 no teclado para abrir o painel Ações , ou você pode abri-lo acessando o menu Janela> Ações .

Painel de Ações

Passo 2

Selecione a  camada GLADIUS e, no painel Ações , clique no botão Criar novo conjunto e defina o Nome: Tutorial Cinematográfico . Em seguida, clique na ação Criar nova , defina o nome: 3D Gold e pressione Record . O botão Iniciar gravação agora deve estar vermelho.

Importante! A partir de agora, siga todas as etapas nesta ordem e sem nenhum clique adicional do mouse ou toque no teclado.

Criar nova ação

3. Criar e transformar camadas

Passo 1

Torne invisível a camada GLADIUS selecionada no momento , clicando no ícone Visibilidade da camada no painel Camadas .

Tornar a camada invisível

Passo 2

Clique com o botão direito do mouse na camada GLADIUS e selecione Duplicar Camada no menu Como: c1 .

Gladius de camada duplicada

etapa 3

Torne visível a camada C1 atual selecionada clicando no botão Visibilidade da camada , clique com o botão direito do mouse na camada e escolha Converter em objeto inteligente .

Tornar a camada visível

Essas primeiras etapas ocultarão e duplicarão a camada de texto original e a ação será aplicada a uma duplicata, para que sua camada original permaneça intocada. Ao converter a camada de trabalho em um objeto inteligente, você garante que a ação adicione seus efeitos de maneira não destrutiva.

Passo 4

Duplique as camadas nesta ordem:

  • Clique com o botão direito do mouse na camada c1 e selecione Duplicar Camada no menu Como: b1
  • Clique com o botão direito do mouse na camada b1 e selecione Duplicar camada no menu Como: b2
  • Clique com o botão direito do mouse na camada b2 e selecione Duplicar camada no menu Como: b3 .
  • Clique com o botão direito do mouse na camada b3 e selecione Duplicar camada no menu Como: b4.
  • Clique com o botão direito do mouse na camada b4 e selecione Duplicar camada no menu Como: b5 .
  • Clique com o botão direito do mouse na camada b5 e selecione Duplicar camada no menu Como: a1 .
Camadas duplicadas b1 a a1

Etapa 5

Selecione camada b2 e ir para o menu Edit> Free Transform (ou Control-T ), desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 99,5% , e adicione 1 px para o valor total da posição vertical Y: ( por exemplo, se o valor for Y: 287,55 px , altere para 288,55 px ). Por fim, pressione Enter para aplicar as alterações. 

Camada de transformação b2

Etapa 6

Selecione camada b3 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 99% , e adicionar 2 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação b3

Etapa 7

Selecione camada B4 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 98,5% , e adicionar 3 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação b4

Etapa 8

Selecione camada b5 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 98% , e adicionar 4 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação b5

Etapa 9

Selecione camada c1 e transformá-lo, indo ao menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 98% , e adicionar 4 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c1

Etapa 10

Clique duas vezes na camada c1 para aplicar o seguinte estilo de camada:

Adicione um traçado de qualquer cor com estas configurações:

  • Tamanho: 5 px
  • Posição: Fora

Clique em OK para aplicar todas as alterações e clique com o botão direito do mouse na camada e escolha Converter em Objeto Inteligente .

Adicionar um traço a c1

Etapa 11

Duplique as camadas nesta ordem:

  • Clique com o botão direito do mouse na camada c1 e selecione Duplicar camada no menu Como: c2 .
  • Clique com o botão direito do mouse na camada c2 e selecione Duplicar camada no menu Como: c3 .
  • Clique com o botão direito do mouse na camada c3 e selecione Duplicar camada no menu Como: c4 .
  • Clique com o botão direito do mouse na camada c4 e selecione Duplicar camada no menu Como: c5 .
  • Clique com o botão direito do mouse na camada c5 e selecione Duplicar camada no menu Como: c6 .
  • Clique com o botão direito do mouse na camada c6 e selecione Duplicar camada no menu Como: c7 .
  • Clique com o botão direito do mouse na camada c7 e selecione Duplicar camada no menu Como: c8 .
  • Clique com o botão direito do mouse na camada c8 e selecione Duplicar camada no menu Como: c9 .
  • Clique com o botão direito do mouse na camada c9 e selecione Duplicar camada no menu Como: c10 .
Camadas duplicadas c2 a c10

Etapa 12

Selecione camada c2 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 99,5% , e adicione 1 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c2

Etapa 13

Selecione camada c3 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 99% , e adicionar 2 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c3

Etapa 14

Selecione camada c4 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 98,5% , e adicionar 3 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c4

Etapa 15

Selecione camada c5 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 98% , e adicionar 4 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c5

Etapa 16

Selecione camada C6 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 97,5% , e adicionar 5 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c6

Etapa 17

Selecione camada c7 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 97% , e adicionar 6 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c7

Etapa 18

Selecione camada C8 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 96,5% , e adicionar 7 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c8

Etapa 19

Selecione camada C9 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 96% , e adicionar 8 px com o valor total de posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c9

Etapa 20

Selecione camada c10 e ir para o menu Edit> Free Transform , desmarque a Manter proporção botão se verificado, definir a escala horizontal W: 95,5% , e adicionar 9 px para o valor total da posição vertical Y: . Por fim, pressione Enter para aplicar as alterações.

Camada de transformação c10

Etapa 21

Selecione a camada c2 e clique na camada c10 enquanto mantém pressionada a tecla Shift para selecionar essas e todas as camadas intermediárias. Clique com o botão direito do mouse em qualquer uma dessas camadas e selecione Grupo em Camadas , preencha Nome: c2 e pressione OK . Em seguida, clique com o botão direito do mouse no grupo criado e selecione Converter em objeto inteligente no menu.

Criar grupo de camadas c2 a c10

Etapa 22

Selecione a camada b1 e clique na camada b5 enquanto mantém pressionada a tecla Shift para selecionar essas e todas as camadas intermediárias. Clique com o botão direito do mouse em qualquer uma dessas camadas e selecione Grupo em Camadas , preencha Nome: b1 e pressione OK . Em seguida, clique com o botão direito do mouse no grupo criado e selecione Converter em objeto inteligente no menu.

Criar grupo de camadas b1 a b5

Etapa 23

Selecione a camada a1 e transforme-a acessando o menu Editar> Transformação livre , desmarque o botão Manter proporção , se marcado, defina a escala vertical H: 99,5% e pressione Enter para aplicar as alterações.

Camada de transformação a1

Etapa 24

Clique com o botão direito do mouse na camada a1 e selecione Duplicar camada no menu Como: a2 .

Camada duplicada a1

Etapa 25

Selecione a camada c1 e vá para o menu Camada> Organizar> Avançar para mover essa camada entre as  camadas b1 e c2 .

Organizar camadas

4. Adicione estilos de camada

Passo 1

Selecione a camada a2 e clique duas vezes na camada para aplicar o seguinte estilo de camada:

Definir opacidade de preenchimentona mistura avançada para 0% .

Definir uma opacidade de preenchimento

Passo 2

Adicione um chanfro e gravação com estas configurações:

  • Estilo: Stroke Emboss
  • Técnica: Suave
  • Profundidade: 388%
  • Direção: Para cima
  • Tamanho: 120 px
  • Desmarque a caixa Usar luz global
  • Ângulo: 90 °
  • Altitude: 42 °
  • Modo Destaque: Dodge Colorido com uma cor #ffffffOpacidade: 58%
  • Modo Sombra: Cor Queime com uma cor #010101Opacidade: 49%
Adicionar um chanfro e gravar

etapa 3

Enquanto você ainda estiver na  guia Chanfro e gravação , crie um contorno de brilho personalizado com estas configurações:

Adicione 8 pontos à curva de contorno. Para adicionar pontos, clique em qualquer lugar da curva. Agora defina uma entrada e uma saída para cada um desses pontos.

  • Ponto 1 – Entrada: 0% Saída: 0%
  • Ponto 2 – Entrada: 20% Saída: 98%
  • Ponto 3 – Entrada: 44% Saída: 6%
  • Ponto 4 – Entrada: 54% Saída: 89%
  • Ponto 5 – Entrada: 68% Saída: 11%
  • Ponto 6 – Entrada: 73% Saída: 91%
  • Ponto 7 – Entrada: 88% Saída: 10%
  • Ponto 8 – Entrada: 100% Saída: 32%
Criar um contorno personalizado

Passo 4

Adicione um Stroke com estas configurações:

  • Tamanho: 1 px
  • Posição: Interior
  • Modo de mesclagem: Normal
  • Cor: #9a8868
Adicionar um traço

Etapa 5

Adicione uma sombra interna com estas configurações:

  • Blend Mode: Linear Dodge (Add) com a cor#ffffff
  • Opacidade: 45%
  • Desmarque a caixa Usar luz global
  • Ângulo: -90 °
  • Distância: 3 px
  • Engasgamento: 0%
  • Tamanho: 0 px

Clique em OK para aplicar todas as alterações.

Adicionar uma sombra interna

Etapa 6

Selecione a camada a1 e clique duas vezes na camada para aplicar o seguinte estilo de camada:

Adicione uma sombra interna com estas configurações:

  • Blend Mode: Linear Dodge (Add) com a cor#ffffff
  • Opacidade: 34%
  • Desmarque a caixa Usar luz global
  • Ângulo: 90 °
  • Distância: 3 px
  • Engasgamento: 0%
  • Tamanho: 0 px
Adicionar uma sombra interna

Etapa 7

Adicione um brilho interno com estas configurações:

  • Blend Mode: Color Dodge
  • Opacidade: 22%
  • Escolha a cor #ffffff
  • Técnica: Mais suave
  • Fonte: Edge
  • Engasgamento: 0%
  • Tamanho: 3 px
Adicionar um brilho interno

Etapa 8

Adicione um cetim com estas configurações:

  • Blend Mode: Linear Burn com a cor#772000
  • Opacidade: 37%
  • Ângulo: 90 °
  • Distância: 2 px
  • Tamanho: 2 px
  • Desmarque a caixa Inverter
Adicione um cetim

Etapa 9

Adicione uma sobreposição de cores com estas configurações:

  • Modo de mesclagem: Cor
  • Escolha a cor #908770
  • Opacidade: 100%
Adicionar uma sobreposição de cores

Etapa 10

Adicione uma sobreposição de gradiente com estas configurações:

  • Modo de mesclagem: Normal
  • Opacidade: 100%
  • Estilo: Linear
  • Ângulo: 0 °
  • Escala: 150%
  • Clique no gradiente e defina estas paradas de cores:
  • Color stop 1 – Color: #4c4c4c Localização: 0%
  • Color stop 2 – Color: #8f8f8f Localização: 32%
  • Color stop 3 – Color: #ffffff Localização: 44%
  • Color stop 4 – Color: #8f8f8f Localização: 53%
  • Color stop 5 – Color: #ffffff Localização: 62%
  • Color stop 6 – Color: #8f8f8f Localização: 66%
  • Color stop 7 – Color: #616161 Localização: 100%
Adicionar uma sobreposição de gradiente

Etapa 11

Adicione uma sombra projetada com estas configurações:

  • Modo de mesclagem: Queimadura linear
  • Escolha a cor #010101
  • Opacidade: 10%
  • Distância: 0 px
  • Espalhar: 50%
  • Tamanho: 2 px

Clique em OK para aplicar todas as alterações.

Adicionar uma sombra projetada

Etapa 12

Selecione a camada b1 e clique duas vezes na camada para aplicar o seguinte estilo de camada:

Adicione um chanfro e gravação com estas configurações:

  • Estilo: Chanfro Interno
  • Técnica: Suave
  • Profundidade: 256%
  • Direção: Para cima
  • Tamanho: 250 px
  • Desmarque a caixa Usar luz global
  • Ângulo: 90 °
  • Altitude: 42 °
  • Modo de destaque: cor esquivar com a cor #ffffffopacidade: 58%
  • Modo Sombra: Cor Queime com a cor #010101Opacidade: 49%
Adicionar um chanfro e gravar

Etapa 13

Enquanto você ainda estiver na  guia Chanfro e gravação , crie um contorno de brilho personalizado com estas configurações:

Adicione 9 pontos à curva de contorno e defina uma entrada e uma saída para cada um desses pontos.

  • Ponto 1 – Entrada: 0% Saída: 0%
  • Ponto 2 – Entrada: 18% Saída: 42%
  • Ponto 3 – Entrada: 36% Saída: 15%
  • Ponto 4 – Entrada: 49% Saída: 39%
  • Ponto 5 – Entrada: 54% Saída: 89%
  • Ponto 6 – Entrada: 67% Saída: 39%
  • Ponto 7 – Entrada: 73% Saída: 91%
  • Ponto 8 – Entrada: 88% Saída: 10%
  • Ponto 9 – Entrada: 100% Saída: 32%

Clique no botão Novo e defina Nome: Meu contorno para salvar esse contorno personalizado. Você precisará disso mais tarde.

Criar um contorno personalizado

Etapa 14

Adicione um brilho interno com estas configurações:

  • Blend Mode: Color Dodge
  • Opacidade: 22%
  • Escolha a cor #ffffff
  • Técnica: Mais suave
  • Fonte: Edge
  • Engasgamento: 0%
  • Tamanho: 3 px
Adicionar um brilho interno

Etapa 15

Adicione uma sobreposição de cores com estas configurações:

  • Modo de mesclagem: Normal
  • Escolha a cor #9a8868
  • Opacidade: 100%
Adicionar uma sobreposição de cores

Etapa 16

Adicione uma sombra projetada com estas configurações:

  • Modo de mesclagem: Queimadura linear
  • Escolha a cor #010101
  • Opacidade: 10%
  • Distância: 0 px
  • Espalhar: 50%
  • Tamanho: 2 px

Clique em OK para aplicar todas as alterações.

Adicionar uma sombra projetada

Etapa 17

Selecione a camada c1 e clique duas vezes na camada para aplicar o seguinte estilo de camada:

Adicione um chanfro e gravação com estas configurações:

  • Estilo: Chanfro Interno
  • Técnica: Suave
  • Profundidade: 256%
  • Direção: Para cima
  • Tamanho: 250 px
  • Desmarque a caixa Usar luz global
  • Ângulo: 90 °
  • Altitude: 42 °
  • Gloss Contour: selecione previamente salvos Meu Contour contour
  • Modo Destaque: Esquivar de cores com cores #ffffffopacidade: 58%
  • Modo Sombra: Cor Queima com cores #010101Opacidade: 49%
Adicionar um chanfro e gravar

Etapa 18

Adicione uma sombra interna com estas configurações:

  • Blend Mode: Linear Dodge (Add) com a cor#ffffff
  • Opacidade: 38%
  • Distância: 0 px
  • Engasgamento: 28%
  • Tamanho: 9 px
Adicionar uma sombra interna

Etapa 19

Adicione um brilho interno com estas configurações:

  • Modo de mesclagem: Queimadura linear
  • Opacidade: 13%
  • Escolha a cor #000000
  • Técnica: Mais suave
  • Fonte: Edge
  • Engasgamento: 0%
  • Tamanho: 32 px
  • Intervalo: 45%
Adicionar um brilho interno

Etapa 20

Adicione uma sobreposição de cores com estas configurações:

  • Modo de mesclagem : Clarear
  • Escolha a cor #ccc092
  • Opacidade: 46%
Adicionar uma sobreposição de cores

Etapa 21

Adicione uma sobreposição de gradiente com estas configurações:

  • Modo de mesclagem: Normal
  • Opacidade: 100%
  • Estilo: Linear
  • Ângulo: 80 °
  • Escala: 100%
  • Clique no gradiente e defina estas paradas de cores:
  • Color stop 1 – Color: #6c5b48 Localização: 0%
  • Color stop 2 – Color: #e2cd96 Localização: 28%
  • Color stop 3 – Color: #e2cd96 Localização: 45%
  • Color stop 4 – Color: #6c5b48 Localização: 63%
  • Color stop 5 – Color: #e2cd96 Localização: 85%
  • Color stop 6 – Color: #eed89c Localização: 87%
  • Color stop 7 – Color: #e2cd96 Localização: 92%
  • Clique no botão Novo para salvar este gradiente em suas predefinições . Você usará esse gradiente novamente na próxima etapa.

Clique em OK para aplicar todas as alterações.

Adicionar uma sobreposição de gradiente

Etapa 22

Selecione a camada c2 e clique duas vezes na camada para aplicar o seguinte estilo de camada:

Adicione a  sobreposição de gradiente que você salvou em suas predefinições na última etapa com estas configurações:

  • Modo de mesclagem: Normal
  • Opacidade: 100%
  • Estilo: Linear
  • Ângulo: 90 °
Adicionar uma sobreposição de gradiente

Etapa 23

Adicione um chanfro e gravação com estas configurações:

  • Estilo: Chanfro Interno
  • Técnica: Cinzel Macio
  • Profundidade: 184%
  • Direção: Para cima
  • Tamanho: 76 px
  • Suavizar: 15 px
  • Desmarque a caixa Usar luz global
  • Ângulo: 96 °
  • Altitude: 42 °
  • Modo Highlight: Color Dodge com a cor #ffffffOpacidade: 44%
  • Modo Sombra: Queimadura Linear com a cor #010101Opacidade: 56%
Adicionar um chanfro e gravar

Etapa 24

Adicione uma sombra projetada com estas configurações:

  • Blend Mode: Linear Burn com uma cor#010201
  • Opacidade: 39%
  • Desmarque a caixa Usar luz global
  • Ângulo: 90 °
  • Distância: 8 px
  • Espalhar: 0%
  • Tamanho: 7 px

Clique em OK para aplicar todas as alterações.

Adicionar uma sombra projetada

5. Toque final

Você está quase pronto. Agora você deve ver essas camadas no painel Camadas : a2, a1, b1, c1, c2, GLADIUS e a camada Background . Vamos limpá-lo um pouco.

Passo 1

Enquanto a camada c2 estiver selecionada, clique na camada a2 enquanto mantém pressionada a tecla Shift para selecionar essas e todas as camadas intermediárias. Clique com o botão direito do mouse em qualquer uma dessas camadas e selecione Grupo em Camadas , preencha Nome: Efeito cinematográfico e pressione OK . 

Criar grupo de camadas c2 a a2

Passo 2

Agora é hora de parar de gravar a ação. Clique no botão Parar no painel Ações .

Parar de gravar uma ação

E este deve ser o seu resultado final.

Resultado final

A partir de agora, você pode executar esta ação em qualquer texto. Selecione a camada de texto no Layers painel, selecione ouro 3D ação na  Ações painel, e bateu o jogo botão.

Exemplo de Ação

Parabéns! Você terminou

Neste tutorial, aprendemos como gravar uma ação para um efeito de texto cinematográfico em 3D.

Começamos com a preparação dos ativos e algum texto de exemplo e depois começamos a registrar a ação. Depois disso, criamos e transformamos várias camadas. Por fim, adicionamos diferentes estilos de camada e finalizamos nossa gravação de ação.

Essa ação que acabamos de criar faz parte do Gerador de texto cinematográfico 3D do meu portfólio GraphicRiver.

Gerador de texto cinematográfico 3D

Traduzido e aptado: design.tutsplus.com

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Leia mais >