Bem Vindo ao Gold Pixel aqui achará de tudo de bom para sua diversão.

Espero que achem oque precisam, caso não achem é só pedi em um novo tópico, para acessar qualquer conteúdo importante é preciso se Registrar primeiro e depois fazer login.



Participe do fórum, é rápido e fácil

Bem Vindo ao Gold Pixel aqui achará de tudo de bom para sua diversão.

Espero que achem oque precisam, caso não achem é só pedi em um novo tópico, para acessar qualquer conteúdo importante é preciso se Registrar primeiro e depois fazer login.

Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Você não está conectado. Conecte-se ou registre-se

Efeito de fogo em texto - Photoshop Tutorial

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

T-Lord

T-Lord
Fundador
Fundador

Descrição:
Neste tutorial vamos aprender um efeito de texto de fogo. Usando o
photoshop para criar esse efeito será fácil e com um resultado
interressante.
Aqui o resultado do tutorial.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-fogo-texto

1 - Vamos criar um novo documento, vá em File>> New e depois você define as configurações abaixo.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-novo-documento

2 - Agora vamos preencher o novo documento com preto, pressione (Shift+F5) ou vá em Edit>> Fill para abrir a janela de Fill.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-fill-comando

Quando abrir a janela do Fill você defina as configurações abaixo. Contents - Black.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-fill-dialogo-box

Irá ficar assim depois que você aperta OK.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-preto-documento

3 - Selecione a ferramenta Texto (T).

Efeito de fogo em texto - Photoshop Tutorial Photoshop-type-tool

Escolha uma fonte legal, escolhi Times New Roman com o Bold ativado e 30pt de tamanho.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-texto-options

4 - Ajuste suas cores de texto para o preto pressionando (D) depois clique no (X) para ir para o branco.

Efeito de fogo em texto - Photoshop Tutorial Foreground-background-swatches

Efeito de fogo em texto - Photoshop Tutorial Swap-colors

5 - Agora adicione seu texto, eu vou adicionar o texto todo em maiúsculo.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-add-text

Depois de terminar de editar o texto clique em confirmar.

Efeito de fogo em texto - Photoshop Tutorial Checkmark

6 - Agora vá em Edit>> Free Transform (Ctrl+T) para você aumentar seu texto.

Efeito de fogo em texto - Photoshop Tutorial Select-free-transform

Efeito de fogo em texto - Photoshop Tutorial Free-transform-text

7 - Agora vamos rasterizar o texto. Vá em Layer>> Rasterize>> Type.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-rasterize-type

Nada pareceu ter acontecido mais na paleta de camada de texto você percebe que mudou algo.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-layers-palette

8 - Vamos copiar a camada de texto, pressione (Ctrl+J).

Efeito de fogo em texto - Photoshop Tutorial Copied-text-layer

Agora vamos desativar a cópia porque vamos trabalhar no momento só com a original. Clique no olhinho como dito abaixo.

Efeito de fogo em texto - Photoshop Tutorial Layer-visibility-icon

Agora depois de desativada a camada cópia, selecione a camada original para ativa e podermos trabalhar com ela. Só da um clique nela.

Efeito de fogo em texto - Photoshop Tutorial Select-text-layer

9 - Para criarmos o fogo temos que virar a camada de texto e para fazer isso vamos em Image>> Rotate Canvas>> 90° CW.

Efeito de fogo em texto - Photoshop Tutorial Rotate-canvas-cw

Isso irá virar o texto.

Efeito de fogo em texto - Photoshop Tutorial Text-rotated-cw

10 - Agora vamos aplicar o efeito vento (wind), vá em Filter>> Stylize>> Wind.

Efeito de fogo em texto - Photoshop Tutorial Select-wind-filter

Irá abrir uma janela e você vai configura-la como a imagem abaixo, marque Method - Wind e Direction - From the Left.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-wind-filter

quando você clicar em Ok ficará assim.

Efeito de fogo em texto - Photoshop Tutorial Wind-filter-applied

Agora vamos aplicar novamente o filtro Wind, não precisamos ir denovo lá no Filter, é só pressionar (Ctrl+F).

Efeito de fogo em texto - Photoshop Tutorial Wind-filter-three-times

11 - Agora vamos virar ao modo normal, vá em Image>> Rotate Canvas>> 90° CCW.

Efeito de fogo em texto - Photoshop Tutorial Rotate-canvas-ccw

ele voltará ao modo normal.

Efeito de fogo em texto - Photoshop Tutorial Image-rotated-ccw

12 - Agora vamos aplicar o efeito Gaussian Blur. Vá em Filter>> Blur>> Gaussian Blur.

Efeito de fogo em texto - Photoshop Tutorial Select-gaussian-blur

Quando abrir essa janela você define Radius para 1,2 pixels e clica em OK.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-gaussian-blur

Depois de clicar em Ok você vai está com esse resultado.

Efeito de fogo em texto - Photoshop Tutorial Text-gaussian-blur

13 - Vamos duplicar a camada de fundo, selecione na paleta a camada background e pressione (Ctrl+J).

Efeito de fogo em texto - Photoshop Tutorial Duplicate-background-layer

Agora selecione a camada FIRE
que mostra aqui na minha paleta, na sua deve esta com o nome que você
definiu ou qualquer outro nome. Depois de selecionada pressione
(Ctrl+E) para mesclar para baixo.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-merge-down

Isso mescla a camada de cima com a camada de baixo.

Efeito de fogo em texto - Photoshop Tutorial Merged-layers

Agora renomeie a camada com o nome Flames, dê dois cliques na camada e edite.

Efeito de fogo em texto - Photoshop Tutorial Rename-layer

14 - Agora crie um seleção retangular em torno do texto usando a ferramenta Rectangular Marquee Tool (M).

Efeito de fogo em texto - Photoshop Tutorial Photoshop-rectangular-marquee-tool

Tente fazer parecido com esse abaixo.

Efeito de fogo em texto - Photoshop Tutorial Select-text

15 - Agora vamos transforma ele com o filtro Liquify, vá em Filter>> Liquify ou pressione (Shift+Cltr+X).

Efeito de fogo em texto - Photoshop Tutorial Select-liquify

Agora selecione a primeira ferramenta Forward Warp Tool (W).

Efeito de fogo em texto - Photoshop Tutorial Liquify-warp-tool

configure com pedido abaixo. Brush Size - 100.

Efeito de fogo em texto - Photoshop Tutorial Brush-size-100

Faça uma trajetoria assim como pede a imagem abaixo.

Efeito de fogo em texto - Photoshop Tutorial Streaks-wispy

Agora defina para 15 o Brush Size.

Efeito de fogo em texto - Photoshop Tutorial Brush-size-15

Faça uma trajetoria assim como pede a imagem abaixo.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-small-flames

Agora defina para 50 o Brush Size.

Efeito de fogo em texto - Photoshop Tutorial Brush-size-50

Faça uma trajetoria assim como pede a imagem abaixo.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-large-flames

Sua imagem ficará assim.

Efeito de fogo em texto - Photoshop Tutorial Text-flames

16 - Agora vamos adicionar uma camada de Hue/Saturation. Faça o mesmo que pede na imagem abaixo.

Efeito de fogo em texto - Photoshop Tutorial Select-hue-saturation

Agora defina as configurações abaixo. Hue - 40 / Saturation - 100 e ative a caixa Colorize.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-hue-saturation

Depois que clicar em OK seu texto ficará assim.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-flames-yellow

Agora vamos aplicar a segunda camada de Hue/Saturation. Faça o mesmo procedimento que o anterior mais com as configurações diferente, Hue -15.

Efeito de fogo em texto - Photoshop Tutorial Hue-saturation-2

17 - Mude o Blending Mode para Overlay.

Efeito de fogo em texto - Photoshop Tutorial Overlay-blend-mode

Agora ficará assim sua imagem.

Efeito de fogo em texto - Photoshop Tutorial Text-flames-colorized

18 - Agora ative a camada que escondemos no começo do tutorial apertando no olhinho.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-layer-visibility

19 - Agora vamos adicionar um Style Layer, pressione no botão no rodapé da paleta de camadas igual mostrado abaixo e escolha Gradient Overlay.

Efeito de fogo em texto - Photoshop Tutorial Select-gradient-overlay

Clique no editor de gradiente para ajustar as cores.

Efeito de fogo em texto - Photoshop Tutorial Gradient-overlay-options

e ajuste as cores do gradiente #1d0d01.

Efeito de fogo em texto - Photoshop Tutorial Photoshop-gradient-editor

Efeito de fogo em texto - Photoshop Tutorial Color-picker-1

#f8a007.

Efeito de fogo em texto - Photoshop Tutorial Gradient-editor-2


Efeito de fogo em texto - Photoshop Tutorial Color-picker-2

Ajuste as configurações como pedido abaixo.

Efeito de fogo em texto - Photoshop Tutorial Gradient-overlay-options-2


Efeito de fogo em texto - Photoshop Tutorial Text-custom-gradient

20 - Vamos adicionar uma mascara de camada a camada de texto, aperte no ícone Add Layer Mask.

Efeito de fogo em texto - Photoshop Tutorial Layer-mask-icon

Efeito de fogo em texto - Photoshop Tutorial Layer-mask-thumbnail

Selecione a ferramenta Brush Tool (B).

Efeito de fogo em texto - Photoshop Tutorial Photoshop-brush-tool

Ajuste as cores pressionando D e depois X para ficar o preto no foreground e o branco no background.

Efeito de fogo em texto - Photoshop Tutorial Foreground-black

Pinte as bordas para ajustar do jeito que você preferir.

Efeito de fogo em texto - Photoshop Tutorial Hiding-text-edges

Já ajustado.

Efeito de fogo em texto - Photoshop Tutorial Text-fire

RESULTADO FINAL

Efeito de fogo em texto - Photoshop Tutorial Photoshop-fire-text

https://goldpixel.forumeiro.com

MakyBory

MakyBory
Fundador
Fundador

Excelente Tutorial.

MakyBory

MakyBory
Fundador
Fundador

Excelente Tutorial.

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos