1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

Como Criar Botas de Caminhada Inspiradas em Pés Realistas no Adobe Photoshop

Scroll to top
Read Time: 11 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Você gosta de caminhar? Atualize seu calçado com um único par de botas-inspiradas em pés! Neste tutorial, abordaremos a manipulação de um par de pés normais para criar uma cena de caminhada usando técnicas de manipulação fotográficas básicas.

Quer adicionar um visual de natureza para todas as suas fotos? Navegue pela incrível seleção de Ações de Natureza para o Photoshop na GraphicRiver para retocar seu trabalho. Ou recrute a ajuda de um design profissional da Envato Studio para todas suas necessidades de manipulação fotográfica.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

1. Como Extrair o Pé

Passo 1

Para o propósito deste tutorial, eu estarei utilizando as dimensões originais da minha Referência dos Pés para criar a composição. Atualmente ela tem 2200 x 2635 px, mas depois nós iremos cortá-la para que se encaixe na cena.

Original Foot on Scale Photo via PhotoDuneOriginal Foot on Scale Photo via PhotoDuneOriginal Foot on Scale Photo via PhotoDune
Referência dos pés via PhotoDune.

Abra a foto no Photoshop. Dê um Duplo-Clique na camada do fundo e altere seu nome para Camada 0. Use a Ferramenta Varinha Mágica (W) para selecionar as áreas brancas do fundo e pressione Delete para se livrar delas.

Delete the White BackgroundDelete the White BackgroundDelete the White Background

Passo 2

Usando a Ferramenta Laço Magnético (L), comece criando uma seleção ao redor de cada pé. Pressione Ctrl-J para Duplicar cada pé para a sua própria nova camada. Quando você terminar, você deve ter duas camadas separadas para cada pé. Economize espaço no arquivo, excluindo a camada que ainda está com escala e sinta-se livre para organizar essas camadas em um novo Grupo.

Separate the Feet LayersSeparate the Feet LayersSeparate the Feet Layers

2. Como Esboçar as Linhas-Guia para as Botas

Passo 1

Use a Ferramenta Mover (V) para posicionar os pés numa região mais baixa na área de desenho.

Position the Feet LowerPosition the Feet LowerPosition the Feet Lower

Sinta-se livre para experimentar uma nova posição para os pés. Você pode mover um deles levemente para trás ou mantê-los alinhados como eu fiz. Alterar a posição pode fazer com que a manipulação fique um pouco mais difícil, então tenha isso em mente.

Experiment with Different Foot PositionsExperiment with Different Foot PositionsExperiment with Different Foot Positions

Passo 2

Os próximos passos são opcionais. Sinta-se livre para avançar sem um esboço, se necessário. Para me ajudar a entender como as botas ficarão na cena, eu precisarei desenhar um esboço rápido sobre os pés. Isto me ajudará a entender a perspectiva, e onde colocar os cardaços, ganchos e o acolchoado corretamente.

Crie uma Nova Camada abaixo do grupo dos pés e Preencha-a com a cor branca utilizando a Ferramenta Lata de Tinta (G). Selecione um básico Pincel Arrendodado e Duro (B) para esboçar dois círculos localizados acima do tornozelo em outra Camada Nova.

Draw Circle on the FeetDraw Circle on the FeetDraw Circle on the Feet

Mescle as duas camadas dos pés juntas. Adicione uma Máscara de Camada (Layer Mask) para a camada mesclada e comece a pintar de preto na máscara de camada para esconder a metade superior da perna. Faça isso para os dois pés.

Mask the Leg AwayMask the Leg AwayMask the Leg Away

Passo 3

Os pés parecem estar um pouco finos. Selecione cada pé com a Ferramenta Letreiro Retangular (M) e use a Ferramenta de Transformação Livre (Ctrl-T) para deixá-las mais largas. Ajuste a Máscara de Camada (Layer Mask) e o esboço adequamente.

Make the Feet Wider with Free TransformMake the Feet Wider with Free TransformMake the Feet Wider with Free Transform

Passo 4

Na camada do esboço, desenhe um contorno básico da língua da bota. Isto nos ajudará dando uma linha-guia de indicação do local que devemos colocar a referência da bota depois.

Draw the Boot OutlineDraw the Boot OutlineDraw the Boot Outline

3. Como Manipular a Referência da Bota

Passo 1

Agora que temos uma boa guia para o nosso trabalho, nós podemos incorporar as botas. Primeiro, abra a sua Referência das Botas em um documento separado e use a Ferramenta Varinha Mágica (W) para Excluir o fundo branco.

Delete the Boot BackgroundDelete the Boot BackgroundDelete the Boot Background
Botas de caminhada via PhotoDune.

Passo 2

Use a Ferramenta Laço Poligonal (L) para fazer uma seleção ao redor da língua, do acolchoado e dos cadarços da bota esquerda. Copie e Cole-os no seu documento da manipulação fotográfica. Reduza a Opacidade levemente para que você ainda veja os pés por baixo.

Posicione a bota sobre o pé esquerdo, redimensione-a e deforme-a para que ela se encaixe no pé com a Ferramenta Transformação Livre (Ctrl-T). Ative e desative a Visibilidade da camada do esboço para que ela não acabe distraindo.

Manipulate the Left BootManipulate the Left BootManipulate the Left Boot

Continue manipulando a imagem até que você fique feliz com o encaixe das botas nos pés. Logo depois, adicione uma Máscara de Camada (Layer Mask) à camada da bota e pinte de preto na máscara para esconder quaisquer partes da bota que você não queira, usando Pincéis Arredondados Suaves e Duros.

Mask the Left BootMask the Left BootMask the Left Boot

Passo 3

Agora vamos trabalhar no pé direito. Assim como fizemos antes, faça uma Seleção sobre a bota direita com a Ferramenta Laço Poligonal (L). Copie e Cole a seleção em uma Nova Camada acima do pé direito.

Copy and Paste the Boot ReferenceCopy and Paste the Boot ReferenceCopy and Paste the Boot Reference

Este pé é um pouco mais complicado, então vamos desacelerar o processo. Use a Ferramenta de Transformação Livre (Ctrl-T) na bota, diminuindo sua escala para que ela se encaixe no pé direito. Tente fazer o seu melhor para coincidir o tamanho com a bota da esquerda.

Scale the Boot SmallerScale the Boot SmallerScale the Boot Smaller

Enquanto segura a tecla Ctrl, pegue os cantos da caixa de Transformação Livre e ajuste a perspectiva de forma sutil.

Tweak the Boots PerspectiveTweak the Boots PerspectiveTweak the Boots Perspective

Agora usando a Ferramenta de Transformação Livre (Ctrl-T) novamente, selecione o modo Deformar (Warp) para moldar a bota no pé. Não se preocupe de encaixá-la completamente, pois você pode acabar distorcendo ela excessivamente.

Warp the Right BootWarp the Right BootWarp the Right Boot

Passo 4

Já que a perna direita ainda está à amostra, nós iremos precisar mascará-la. Então selecione a Máscara de Camada do pé direito e pinte de preto para esconder o resto da perna.

Assim como antes, continue mascarando quaisquer partes da bota que você não queira. E sinta-se livre para limpar as bordas pintando em uma Nova Camada com a Ferramenta Pincel (B).

Completed Boot Feet ManipulationCompleted Boot Feet ManipulationCompleted Boot Feet Manipulation

4. Como Criar o Solo da Floresta

Passo 1

Agora que nós terminamos os passos mais difíceis, nós podemos nos concentrar no solo da floresta. Exclua a camada do fundo branco. Copie e Cole a Referência da Grama em uma Nova Camada abaixo das botas. Ajuste a Escala e a Perspectiva para fazê-la parecer muito maior com a Ferramenta de Transformação Livre (Ctrl-T).

Add the Grass Add the Grass Add the Grass

Crie uma Nova Camada de Ajuste (New Adjustment Layer) de Matiz/Saturação (Hue/Saturation) e clique com o Botão Direito do Mouse para definí-la como Máscara de Corte (Clipping Mask) da camada de grama. Retire um pouco da saturação da grama para que ela coincida com a saturação dos pés com as seguintes configurações:

  • Matiz (Hue): 0
  • Saturação: -67
  • Luminosidade (Lightness): -12
Desaturate the Grass with Hue and SaturationDesaturate the Grass with Hue and SaturationDesaturate the Grass with Hue and Saturation

Passo 2

Mescle as camadas das botas e dos pés. Pressione Ctrl-J para Duplicar a camada, posicionando-a levemente por baixo da primeira camada.

Duplicate the Boot FeetDuplicate the Boot FeetDuplicate the Boot Feet

Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation). Reduza a Luminosidade (Lightness) para 0 deixando a duplicata completamente preta.

Então Desfoque a sombra indo para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e adicionando um Raio de 48.4 px. Mantenha a Opacidade da sombra em um valor próximo de 54% quando você terminar.

Blur the Boot ShadowBlur the Boot ShadowBlur the Boot Shadow

Passo 3

Vamos fazer a grama parecer um pouco mais realista. Adicione uma Máscara de Camada (Layer Mask) para a camada da bota. Pinte de preto na Máscara de Camada com um Pincel Redondo Duro (Hard Round Brush) para revelar a grama que está por baixo do pé.

Reveal the Grass UnderneathReveal the Grass UnderneathReveal the Grass Underneath

Passo 4

Agora Copie e Cole a Referência da Grama na área de desenho para adicionar um pouco de vegetação na cena.

Add the ShrubberyAdd the ShrubberyAdd the Shrubbery

Pressione Ctrl-J para Duplicá-la e Vire a cópia indo em Editar > Transformação > Virar Horizontalmente (Edit > Transform > Flip Horizontally). Posicione a duplicata por trás do pé direito.

Add the Second StockAdd the Second StockAdd the Second Stock

Adicione uma Máscara de Camada (Layer Mask) para cada uma das camadas de vegetação. Pinte de preto na Máscara de Camada branca com um Pincel Redondo Suave para esconder quaisquer linhas ásperas. Tente mesclar a vegetação com a grama o melhor possível.

Mask the Shrubbery StockMask the Shrubbery StockMask the Shrubbery Stock

Passo 5

A vegetação é um pouco mais clara que a cena. Então crie uma Nova Camada de Ajuste (New Adjustment Layer) de Matiz/Saturação (Hue/Saturation) como Máscara de Corte (Clipping Mask) para ambas as camadas. Ajuste a Luminosidade (Lightness) para -16.

Desaturate the ShrubberyDesaturate the ShrubberyDesaturate the Shrubbery

Passo 6

Antes de avançarmos para os detalhes finais, vamos mudar a cor do acolchoado da bota. Primeiro, crie uma seleção no acolchoado usando a Ferramenta Laço Poligonal (L). Então vá para Camada > Nova Camada de Ajuste > Matiz/Saturação (Layer > New Adjustment Layer > Hue/Saturation) para criar uma Máscara de Camada (Layer Mask) apenas para o acolchoado.

Altere a cor de laranja para um azul-arroxeado ajustando a Matiz (Hue) para -108.

Change the Boot Collar ColorChange the Boot Collar ColorChange the Boot Collar Color

Repita o processo com o pé esquerdo.

Change the Left Boot CollarChange the Left Boot CollarChange the Left Boot Collar

5. Como Criar Detalhes e uma Iluminação Realista

Passo 1

Agora que nós terminamos a bota e o solo, nós podemos avançar para o detalhes finais para realmente destacar a nossa obra! Comece adicionando uma Nova Camada de Ajuste (New Adjustment Layer) de Curvas como Máscara de Corte (Clipping Mask) para a camada da bota. Ajuste as Curvas nos canais RGB e Azul suavemente.

Add a Curves Adjustment LayerAdd a Curves Adjustment LayerAdd a Curves Adjustment Layer

Extraia uma das joaninhas da Referência de Joaninhas e Cole-a na área de desenho. Coloque sobre um dos pés para um efeito peculiar.

Add a LadybugAdd a LadybugAdd a Ladybug

Passo 2

Agora nós precisamos trabalhar na iluminação e no esquema geral de cores. Adicione uma Nova Camada, defina seu modo de mesclagem para Multiplicação e sua Opacidade para 55%. Use uma cor verde escura para Pintar a sombra no lado esquerdo para suprimir alguns dos verdes brilhantes que chegam com um grande Pincel Redondo e Suave.

Add Shadows to the Scene with MultiplyAdd Shadows to the Scene with MultiplyAdd Shadows to the Scene with Multiply

Aumente a Dureza do Pincel (Hardness) para 100%. Agora pinte um pouco mais de sombra ao redor das botas. Coloque-as no solo da floresta pintando sombra embaixo delas, e adicione uma sombra extra nos cadarços e na língua da bota para dar mais volume e dimensão.

Paint More Shadow onto the BootPaint More Shadow onto the BootPaint More Shadow onto the Boot

Aqui está uma animação do antes e depois deste processo. Perceba como as botas agora parecem estar tocando o chão depois da sombra que aplicamos.

Shadow Animation GIFShadow Animation GIFShadow Animation GIF

Passo 3

Vamos mudar as cores em seguida. Para dar um tom mais esverdeado à cena, adicione uma Nova Camada de Ajuste de Pesquisa de Cores (Color Lookup Adjustment Layer) com as seguintes configurações:

  • 3DLUT File: TensionGreen.3DL
Add a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment Layer

Siga com uma outra Nova Camada de Ajuste (New Adjustment Layer) de Brilho e Contraste (Brightness and Contrast) com as seguintes configurações:

  • Brilho (Brightness): -27
  • Contraste: 15
Add an Adjustment Layer of Brightness and ContrastAdd an Adjustment Layer of Brightness and ContrastAdd an Adjustment Layer of Brightness and Contrast

Passo 4

Sempre tente deixar os destaques e realces para o final, quando você tiver um melhor entendimento do esquema de iluminação. Agora adicione uma Nova Camada e defina seu modo de mesclagem para Sobrepor (Overlay). Pinte de branco no lado direito da cena com um grande Pincel Redondo e Suave (Soft Round Brush).

Add Highlights with OverlayAdd Highlights with OverlayAdd Highlights with Overlay

Continue adicionando mais brilhos e realces à bota e ao solo. Aqui eu adicionei eles na língua da bota e na região inferior esquerda.

Add Highlights to the BootAdd Highlights to the BootAdd Highlights to the Boot

Botas são conhecidas por ter uma textura de couro brilhante. Adicione alguns destaques extras nas botas pintando mais brilhos no pé, nos dedos dos pés e nos detalhes da bota. Faça os ganchos brilharem! Perceba que há uma diferença sutil na animação abaixo.

Highlight Animation GIFHighlight Animation GIFHighlight Animation GIF
Realces brancos, antes e depois.

6. Como Deixar Mais Nítido e Adicionar Sujeira

Passo 1

Hora dos últimos detalhes! Botas na floresta não são tão limpas assim. Então precisamos adicionar sujeira criando uma Nova Camada e usando o Pincel de Giz (Chalk Brush) para pintar uma sujeira marrom escura sobre as botas.

Paint dirt onto the BootsPaint dirt onto the BootsPaint dirt onto the Boots

Passo 2

Em seguida, selecione a Ferramenta Corte Demarcado (C) para Cortar a composição e fazer com que ela fique suavemente menor. Isso ajudará a chamar a atenção para o centro, reforçando a perspectiva.

Crop the Composition with the Crop ToolCrop the Composition with the Crop ToolCrop the Composition with the Crop Tool

Passo 3

Para detalhes mais nítidos e claros, nós iremos melhorar a nitidez desta manipulação fotográfica com um Filtro de Alta Frequência (High Pass Filter). Primeiro, selecione todas as suas camadas e Mescle-as em uma só. Pressione Ctrl-J para criar uma Cópia da sua mesclagem.

Vá para Filtro > Outros > Alta Frequência (Filter > Other > High Pass), defina o valor do Raio para 3.4 px. Defina o Modo de Mesclagem (Blend Mode) da camada para Luz Suave (Soft Light) quando tiver terminado.

Sharpen Your Photo Manipulation with High PassSharpen Your Photo Manipulation with High PassSharpen Your Photo Manipulation with High Pass

Passo 4

Continue brincando com as Camadas de Ajuste (Adjustment Layers) para ajustar as cores e a iluminação. Para finalizar as coisas, eu irei usar uma última Camada de Ajuste de Pesquisa de Cores (Color Lookup Adjustment Layer) com as seguintes configurações:

  • 3DLUT File: Fuji F125 Kodak 2395
Add a Final Color Lookup Adjustment LayerAdd a Final Color Lookup Adjustment LayerAdd a Final Color Lookup Adjustment Layer

E é isso! Confira o resultado final logo abaixo!

Tudo Pronto! Vamos Caminhar!

Encontrar referências fotográficas que podem se mesclar facilmente é o desafio de uma boa manipulação fotográfica. E com um pouco de paciência, as ferramentas básicas do Photoshop e um olho criativo, você também pode manipular as imagens com elegância e facilidade.

Navegue pela seleção surpreendente de Ações Naturais para o Photoshop no GraphicRiver para aplicar um pouco de natureza ou cores do solo florestal para qualquer manipulação fotográfica instantaneamente.

Eu espero que você tenha gostado deste tutorial. Sinta-se livre para deixar comentários, sugestões, dúvidas e resultados no espaço abaixo.

Boot Feet Photo Manipulation Photoshop TutorialBoot Feet Photo Manipulation Photoshop TutorialBoot Feet Photo Manipulation Photoshop Tutorial
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads