Como criar um efeito de texto subaquático no Photoshop

O que você aprenderá neste tutorial do Photoshop com efeito subaquático

  • Como adicionar texto e textura a um documento
  • Como criar um efeito subaquático no Photoshop
  • Como adicionar os toques finais

O que você precisará

Os seguintes ativos são usados ​​neste tutorial:

Agora, vamos nos aprofundar e começar a experimentar alguns textos e efeitos subaquáticos interessantes.

1. Como adicionar texto e textura a um documento

Passo 1

Comece com um Novo Documento-qualquer tamanho aqui serve!

Tenha em mente o escopo do seu projeto: você espera criar algo pronto para impressão ou algo para usar online? Vou trabalhar em 850 x 650 neste exemplo, mas você pode querer trabalhar em uma resolução mais alta se quiser imprimir seu trabalho.

Quando estiver satisfeito com suas configurações, clique em OK.

Exemplo de novo documento Exemplo de novo documento Exemplo de novo documento

Passo 2

Próximo, Colar sua imagem de fundo aquosa em seu documento. Nesse caso, usaremos esta ga-analytics#sendElementsClickEvent”>Water Stock Photo da Envato Elements, mas você pode usar qualquer imagem que desejar.

Essa será a água na qual basearemos nosso texto.

Exemplo de imagens de estoque de água - textura subaquática PhotoshopExemplo de imagens de estoque de água - textura subaquática PhotoshopExemplo de imagens de estoque de água - textura subaquática Photoshop

etapa 3

Agora, vamos adicionar o texto para criar um efeito de texto aquático. Basta digitar o texto que desejar, usando o Ferramenta de texto, na fonte de sua preferência. No caso deste exemplo, usarei a fonte ga-analytics#sendElementsClickEvent”>Fibre Vintage.

Não se preocupe com efeitos, posicionamento ou qualquer outra coisa neste momento – basta escrever o texto desejado primeiro.

Resolvi fazer dois diferentes Camadas de texto. Você pode fazer quantos quiser. Deixe o texto com uma cor cinza escuro.

Exemplo de tutorial de efeito de texto de águaExemplo de tutorial de efeito de texto de águaExemplo de tutorial de efeito de texto de água

Passo 4

A seguir, faça o seu Camada de texto (ou camadas) em um Objeto Inteligente.

Para fazer isso, selecione as camadas aplicáveis, Clique com o botão direito (no PC) ou Control-Clique (no Mac)e selecione Criar objeto inteligente no menu suspenso.

Estaremos aplicando efeitos a este Objeto Inteligente. Poderemos preservar e alterar mais facilmente o texto original desta forma, se necessário.

Criando um efeito de texto aquático de objeto inteligenteCriando um efeito de texto aquático de objeto inteligenteCriando um efeito de texto aquático de objeto inteligente

Etapa 5

Gire e posicione o texto como desejar, contra a água. Optei por girar um pouco, para que a foto fique um pouco mais natural.

Girar e posicionar a sobreposição subaquática do textoGirar e posicionar a sobreposição subaquática do textoGirar e posicionar a sobreposição subaquática do texto

Etapa 6

Agora, defina esta camada Modo de mesclagem para Sobreposição. Você notará que isso altera a aparência do texto na água, criando uma bela sobreposição subaquática.

Configurando o modo de mesclagem para sobreposição - tutorial de sobreposição subaquáticaConfigurando o modo de mesclagem para sobreposição - tutorial de sobreposição subaquáticaConfigurando o modo de mesclagem para sobreposição - tutorial de sobreposição subaquática

2. Como criar um efeito subaquático

Passo 1

Um dos principais objetivos aqui é fazer com que o texto pareça ter sido afetado pela água. Poderíamos fazer isso de várias maneiras – como usando as ferramentas Warp, Distort Filters… há muitas opções. No entanto, neste caso, vamos experimentar o Filtro de deslocamento.

Primeiro, selecione a camada com o fundo da água. Clique na miniatura da camada para selecionar o conteúdo (ou pressione Comando-A (no Mac) ou Controle-A (no PC).

Agora, Crie um novo documento. Colar esta imagem e Salvar esse documento. Chamei meu documento de “displace.psd”, mas você pode chamar o seu como preferir.

Tutorial do Photoshop para deslocar imagens de textura subaquáticaTutorial do Photoshop para deslocar imagens de textura subaquáticaTutorial do Photoshop para deslocar imagens de textura subaquática

Passo 2

Agora, vamos voltar ao nosso documento original. Selecione a camada com nosso Objeto Inteligente. Em seguida, selecione Filtro > Distorcer > Deslocar.

Deslocar filtro de textura subaquática Tutorial do PhotoshopDeslocar filtro de textura subaquática Tutorial do PhotoshopDeslocar filtro de textura subaquática Tutorial do Photoshop

etapa 3

Então, você verá esta caixa de diálogo pop-up para a sobreposição subaquática. Eu fui com um Horizontal e Escala Vertical de 10, mas eu encorajo você a experimentar isso. Eu também escolhi Esticar para caberpois gostaria que a área fosse semelhante à imagem de fundo original que usamos aqui.

Quando estiver satisfeito com suas configurações, clique em OK. Lembre-se, se você não gostar do resultado, você sempre pode Desfazer (Controle-Z no PC, Comando-Z no Mac) e experimente valores diferentes. Muitas vezes gosto de experimentar algumas vezes.

Selecione o arquivo displace.psd criado anteriormente como o arquivo que o Displace Filter usará para criar este efeito.

Deslocar caixa de diálogo pop-upDeslocar caixa de diálogo pop-upDeslocar caixa de diálogo pop-up

Passo 4

E aqui está a aparência do texto com esse efeito aplicado. Está cada vez mais próximo do que queremos, mas ainda parece meio claro, não é? Esperamos ver algum borrão aqui, já que a água está entre nós e a água no solo.

Vamos aplicar um Desfoque Gaussiano para isso Objeto Inteligente. Vá para Filtro > Desfoque > Desfoque Gaussiano.

Desfoque gaussiano - tutorial de sobreposição subaquáticaDesfoque gaussiano - tutorial de sobreposição subaquáticaDesfoque gaussiano - tutorial de sobreposição subaquática

Etapa 5

Optei por 2.0 no raio aqui, mas você pode preferir mais ou menos. Eu recomendaria algo que deixasse um pouco desfocado, mas que também permanecesse legível. Muito desfoque pode parecer bom, mas se não conseguirmos ler bem o texto, isso pode anular o nosso propósito.

Clique OK quando você estiver satisfeito com o valor que escolheu. Lembre-se de que você também pode desfazer e tentar novamente se mudar de ideia.

Opções de desfoque gaussianoOpções de desfoque gaussianoOpções de desfoque gaussiano

3. Como adicionar os toques finais

Passo 1

Então, já temos o início do que gostaríamos de fazer aqui – mas vamos avançar e fazer um pouco mais com esse efeito subaquático no Photoshop.

Pessoalmente, gostaria que o texto fosse mais escuro. Temos algumas opções aqui.

EU Duplicado o Camada de Objeto Inteligente duas vezes, deixando o Modo de mesclagem em cada conjunto para Sobreposição. O resultado foi exatamente o que eu procurava.

Tutorial de sobreposição subaquática de duplicação de camadas de textoTutorial de sobreposição subaquática de duplicação de camadas de textoTutorial de sobreposição subaquática de duplicação de camadas de texto

Passo 2

No entanto, como colocamos esse tipo em um Objeto Inteligente, podemos voltar e alterá-lo sempre que quisermos. Duplo click na miniatura para abrir o Objeto Inteligente.

Você notará que ele contém o texto como o tínhamos originalmente em nosso documento. Você pode fazer alterações aqui, como a cor do texto ou o próprio texto. Então, ao salvá-lo, isso se refletirá em nosso documento.

Dentro do efeito de texto água do Objeto InteligenteDentro do efeito de texto água do Objeto InteligenteDentro do efeito de texto água do Objeto Inteligente

etapa 3

Por outro lado, tenha em mente que essas mudanças podem ter que ser levadas em conta. Por exemplo, alterar a cor pode afetar os modos de mesclagem – se eu deixar o texto rosa claro, preciso ajustar isso (já que originalmente trabalhamos com uma cor com valor escuro).

Nesse cenário, eu simplesmente descartaria minhas camadas extras de sobreposição e definiria a camada de objeto inteligente como Color Burn, opacidade 75%. Voila, temos um efeito semelhante.

Tutorial de alteração do efeito subaquático do Objeto InteligenteTutorial de alteração do efeito subaquático do Objeto InteligenteTutorial de alteração do efeito subaquático do Objeto Inteligente

Passo 4

Fez alguma alteração que não deseja manter? Simplesmente desfaça. Dentro do Objeto Inteligente, certifique-se de salvar todas as alterações.

Para finalizar, voltarei à cor original e aos modos de mesclagem com os quais estávamos trabalhando anteriormente.

Tutorial de sobreposição subaquática original de modos de mesclagem e opções de coresTutorial de sobreposição subaquática original de modos de mesclagem e opções de coresTutorial de sobreposição subaquática original de modos de mesclagem e opções de cores

Etapa 5

Finalmente, queria fazer um pequeno ajuste aqui. Eu copiei a água Camada de fundo e trouxe-o para a frente das minhas camadas. Então, eu configurei o Modo de mesclagem para Tela, opacidade 20%. Eu só queria iluminar um pouco as coisas.

No entanto, recomendo experimentar os modos de mesclagem – veja como fica com Color Dodge ou Color Burn. Experimentar os modos de mesclagem é uma ótima maneira de se familiarizar com eles.

Fundo de água duplicado definido para telaFundo de água duplicado definido para telaFundo de água duplicado definido para tela

E agora nosso texto está debaixo d’água!

Espero que você tenha gostado de percorrer esse efeito de sobreposição subaquática comigo – e espero que se divirta experimentando-o e fazendo suas próprias criações de textura subaquática no Photoshop. Novamente, existem muitas maneiras diferentes de distorcer seu texto – quer saber como distorcer ainda mais o texto no Photoshop? Se você quiser fazer ainda mais ajustes, recomendo dar uma olhada em Editar > Transformar > Distorcer.

Agora você sabe como fazer texto de água no Photoshop. Obrigado por me acompanhar e boa sorte com seus projetos criativos.

efeito de texto subaquático photoshopefeito de texto subaquático photoshopefeito de texto subaquático photoshop

5 principais efeitos de texto do Photoshop dos elementos Envato

Adora efeitos de texto no Photoshop e quer conferir mais coisas para experimentar – agora mesmo? Confira esses outros ga-analytics#sendElementsClickEvent”>efeitos de texto do Photoshop que estão prontos e prontos para uso.

1. ga-analytics#sendElementsClickEvent”>Efeitos de texto vintage Vol.3 (PSD)

Confira esta coleção de efeitos de texto vintage no Photoshop. Existem tantas opções coloridas, extravagantes e interessantes para escolher aqui, perfeitas para uma variedade de projetos em potencial.

ga-analytics#sendElementsClickEvent”>Efeitos de texto vintageEfeitos de texto vintageEfeitos de texto vintage

2. ga-analytics#sendElementsClickEvent”>80s Text Effects Vol.1 (PSD)

Eu não sei sobre você, mas eu amor os anos 80 – e adoro esses incríveis efeitos de texto legais dos anos 80 para o Photoshop. Confira todas as cores saturadas, o glamour e o estilo retrô elegante. Já estou pensando em todas as coisas legais que adoraria experimentar com eles.

ga-analytics#sendElementsClickEvent”>Efeitos de texto dos anos 80Efeitos de texto dos anos 80Efeitos de texto dos anos 80

3. ga-analytics#sendElementsClickEvent”>Estilos de camada de metal: efeito de texto dourado do Photoshop (PSD)

Esses efeitos de texto legais do Photoshop são incríveis – e não vêm apenas em ouro. Há cromo, bronze, aço… muito por onde escolher nesses estilos de camada fáceis de usar.

ga-analytics#sendElementsClickEvent”>Efeito de texto metálicoEfeito de texto metálicoEfeito de texto metálico

4. ga-analytics#sendElementsClickEvent”>Efeitos de texto 3D Vol.3 (PSD)

Há tantos efeitos divertidos para escolher neste terceiro volume de efeitos de texto 3D interessantes para Photoshop. Substitua facilmente o texto por Objetos Inteligentes – num piscar de olhos, certo? Confira ga-analytics#sendElementsClickEvent”>Volume 1 e ga-analytics#sendElementsClickEvent”>Volume 2 para obter ainda mais efeitos para experimentar.

ga-analytics#sendElementsClickEvent”>Efeitos de texto 3DEfeitos de texto 3DEfeitos de texto 3D

5. ga-analytics#sendElementsClickEvent”>Pacote de 100 estilos de camada do Photoshop: efeito de texto (PSD)

Esta é uma coleção gigante de efeitos de texto do Photoshop – muitos para brincar e experimentar. De efeitos texturizados e efeitos de texto viscoso a efeitos de texto de fogo, este contém um pouco de tudo. Que adição incrível a qualquer coleção.

ga-analytics#sendElementsClickEvent”>Pacote de 100 efeitos de textoPacote de 100 efeitos de textoPacote de 100 efeitos de texto

Explore mais tutoriais e recursos de efeitos de texto do Photoshop

Se você gostou deste tutorial de efeito de texto do Photoshop, confira estes outros. Feliz criação!

[ad_2]

Deixe uma resposta