Criando um efeito de Splash em um tênis com Photoshop

Neste tutorial, nós vamos usar técnicas simples para criar um efeito de splash de tinta em um tênis. Essa é uma técnica legal, que pode ser usaa para criar excelentes anúncios de forma bem profissional.

[st_notification type=”info” icon=”iconentypo-info-circled”] Este tutorial é uma tradução/adaptação de um site externo. Visite o artigo original para prestigiar o trabalho. [/st_notification]

Para dar continuidade, você deve baixar algumas coisas:

  1. Pack de Splashes de Tinta
  2. Foto de um tênis da Nike
  3. Pack de fundos de metal

Agora que você já tem tudo necessário, vamos começar!

Passo 1: Comece… do começo!

Crie um novo documento com as medidas 1289x1000px e preencha o background com a cor #adadad. Descompacte o pack de metal que você baixou, e abra o arquivo “metal5_1181”.

No arquivo que você abriu, selecione tudo com CTRL+A e copie, com CTRL+C. Cole no seu novo documento (CTRL+V), e desature a imagem em Image > Adjustments > Desature (Imagem > Ajustes > Remover Saturação) ou as teclas CTRL+SHIFT+U. Agora, diminua a opacidade para aproximadamente 25% e mude o Blend Mode (Modo de Mesclagem) para Opacity (Opacidade).

No arquivo que você abriu, selecione tudo com CTRL+A e copie, com CTRL+C. Cole no seu novo documento (CTRL+V), e desature a imagem em Image > Adjustments > Desature (Imagem > Ajustes > Remover Saturação) ou as teclas CTRL+SHIFT+U. Agora, diminua a opacidade para aproximadamente 25% e mude o Blend Mode (Modo de Mesclagem) para Opacity (Opacidade).

Passo 2: Sobreviveu ao prelúdio? Jovem Padawan!

Duplique a textura e mude o Modo de Mesclagem para Normal. Entre no modo Free Transform (Transformação Livre) dessa layer (camada) nova e crie como se fosse o chão. E vá apagando com a Erase Tool (Borracha) para se parecer com o chão.

Duplique a textura e mude o Modo de Mesclagem para Normal. Entre no modo Free Transform (Transformação Livre) dessa layer (camada) nova e crie como se fosse o chão. E vá apagando com a Erase Tool (Borracha) para se parecer com o chão.

Ah, se a textura estiver muito borrada, vá ajustando-a pela Sharpen Mask Filter (Filtro de Máscara de Nitidez).

Ah, se a textura estiver muito borrada, vá ajustando-a pela Sharpen Mask Filter (Filtro de Máscara de Nitidez).

Passo 3: Primeira Batalha!

Crie uma nova Camada (CTRL+N) e diminua a opacidade para 11%. Com um pincel bem macio, de cor preta, vá pintando as bordas de maneira que dê forma para o piso.

Agora crie uma nova camada e com um pincel também macio, só que de cor branco, coloquemos um foco de luz no lugar que ficará nosso sapato, parecendo com isso:

Agora crie uma nova camada e com um pincel também macio, só que de cor branco, coloquemos um foco de luz no lugar que ficará nosso sapato, parecendo com isso:

Passo 4: Dando forma a coisa!

Abra o arquivo “Shoe” e usando alguma ferramenta de seleção de preferência, selecione o sapato, copie-o e cole no nosso documento, no foco de luz que você criou no Passo 3.

Abra o arquivo “Shoe” e usando alguma ferramenta de seleção de preferência, selecione o sapato, copie-o e cole no nosso documento, no foco de luz que você criou no Passo 3.

Passo 5: Dando estilo a coisa!

Descompacte o arquivo “Paint Tossing Pack” e abra o arquivo 15. Usando a Magic Wand Tool (Varinha Mágica) clique no fundo para selecioná-lo, depois inverta a seleção (CTRL+SHIFT+I), para selecionar o splash. Copie-o e cole no nosso documento. Posicione como a imagem abaixo, e usando a borracha ou uma máscara de camada, aplique um Blend If (Mesclagem Avançada).

OBS.: Você pode saber mais sobre Blend If, nesse artigo..OBS.: Você pode saber mais sobre Blend If, nesse artigo..clip_image007

Passo 6: Alguns ajustes…

Crie uma camada de ajustes Gradient Map (Mapa de Gradiente) e outra de Curves (Curvas), e aplique em Clipping Mask (Máscara de Corte) no splash adicionado no Passo 5. Ajuste-os da seguinte maneira:

Crie uma camada de ajustes Gradient Map (Mapa de Gradiente) e outra de Curves (Curvas), e aplique em Clipping Mask (Máscara de Corte) no splash adicionado no Passo 5. Ajuste-os da seguinte maneira:

Crie uma camada de ajustes Gradient Map (Mapa de Gradiente) e outra de Curves (Curvas), e aplique em Clipping Mask (Máscara de Corte) no splash adicionado no Passo 5. Ajuste-os da seguinte maneira:

Eu usei cores que peguei próximas a área que apliquei o splash e as apliquei na camada, se você não obtiver um bom resultado com as cores acima, pode usar o mesmo método, até por que, será necessário usar esse método para fazer esse efeito em outros objetos, além desse tênis.

Passo 7: Mais uma vez

Repita as instruções do Passo 5, mas dessa vez com o arquivo “9”.

Repita as instruções do Passo 5, mas dessa vez com o arquivo “9”.

Passo 8

Da mesma forma que no passo 6, aplique uma camada de ajustes Mapa de Gradiente e Curvas, e configure-as da maneira abaixo:

Da mesma forma que no passo 6, aplique uma camada de ajustes Mapa de Gradiente e Curvas, e configure-as da maneira abaixo:

Da mesma forma que no passo 6, aplique uma camada de ajustes Mapa de Gradiente e Curvas, e configure-as da maneira abaixo:

Passo 9

Repita novamente, as instruções do Passo 5, com o arquivo “14”.

Repita novamente, as instruções do Passo 5, com o arquivo “14”.

Passo 10

Mais uma vez, crie uma camada de ajustes Mapa de Gradiente e Curvas em uma Máscara de Corte, e ajuste-as assim:

Mais uma vez, crie uma camada de ajustes Mapa de Gradiente e Curvas em uma Máscara de Corte, e ajuste-as assim:

Agora, selecione a camada do splash e as duas camadas de ajustes que criamos, e agrupe-as (pode usar o atalho CTRL+G). Duplique esse grupo, e com a Transformação Livre (V) faça como na imagem abaixo:

Agora, selecione a camada do splash e as duas camadas de ajustes que criamos, e agrupe-as (pode usar o atalho CTRL+G). Duplique esse grupo, e com a Transformação Livre (V) faça como na imagem abaixo:

Passo 11

Repita as instruções do Passo 5 com o arquivo “11”.

Repita as instruções do Passo 5 com o arquivo “11”.

Passo 12

Novamente, como no Passo 6, crie um Mapa de Gradiente e Curvas e deixe-os desse jeito:

Novamente, como no Passo 6, crie um Mapa de Gradiente e Curvas e deixe-os desse jeito:

Novamente, como no Passo 6, crie um Mapa de Gradiente e Curvas e deixe-os desse jeito:

Passo 13

Crie uma nova camada e coloque-a debaixo da camada do tênis, e coloque-a no modo de mesclagem de Multiplicação. Com um pincel preto, bem macio, vá criando a sombra debaixo do tenis. Vá abaixando a opacidade de acordo com a necessidade.

Crie uma nova camada e coloque-a debaixo da camada do tênis, e coloque-a no modo de mesclagem de Multiplicação. Com um pincel preto, bem macio, vá criando a sombra debaixo do tenis. Vá abaixando a opacidade de acordo com a necessidade.

Passo 14

Como queremos dar um tom melhor ao nosso projeto, criaremos duas camadas de ajustes para dar mais contraste. Primeiro, um Mapa de Gradiente com os ajustes em Preto e Branco, mude o modo de mesclagem para Sobrepor e deixe a opacidade em torno de 74%.

Como queremos dar um tom melhor ao nosso projeto, criaremos duas camadas de ajustes para dar mais contraste. Primeiro, um Mapa de Gradiente com os ajustes em Preto e Branco, mude o modo de mesclagem para Sobrepor e deixe a opacidade em torno de 74%.

Passo 15

Se quiser mais contraste, simplesmente duplique a camada de ajuste criado no Passo 14 e diminua um pouco a opacidade para não afetar tanto.

Se quiser mais contraste, simplesmente duplique a camada de ajuste criado no Passo 14 e diminua um pouco a opacidade para não afetar tanto.

Passo 16

Como toque final, vamos colocar uma fonte com um estilo bem clássico, eu usei a Bebas Neue.

Como toque final, vamos colocar uma fonte com um estilo bem clássico, eu usei a Bebas Neue.

Resultado Final!

Resultado Final!

[st_notification type=”info” icon=”iconentypo-info-circled”] Este tutorial é uma tradução/adaptação de um site externo. Visite o artigo original para prestigiar o trabalho. Lá você também poderá baixar o arquivo original criado com este tutorial. [/st_notification]

Obrigado mais uma vez, e até a próxima galera!

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Deixe uma resposta

Mais artigos pra você ler:
Affinity Photo #7 - Inserindo imagens stock

Affinity Photo #7 - Inserindo imagens stock

Você pode adicionar fotos e imagens rasterizadas adicionais à sua página como uma nova camada. As fotos e imagens inseridas…
Affinity Photo #6 - Incorporar documentos

Affinity Photo #6 - Incorporar documentos

A incorporação de documentos permite que você coloque qualquer documento do Affinity (Designer, Photo, etc.), Photoshop, Illustrator, Freehand, SVG, EPS…
Affinity Photo #5 - Criando novos documentos

Affinity Photo #5 - Criando novos documentos

Quando você cria seu novo documento, você especifica uma variedade de configurações de cores e dimensões de página em função…
Affinity Photo #4 - Abrindo imagens RAW

Affinity Photo #4 - Abrindo imagens RAW

Você pode abrir imagens raw de sua câmera digital diretamente no Affinity Photo. Ao fazer isso, você será capaz de…
Fechar Menu