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

Cómo Crear unas Botas de Senderismo Realistas Inspiradas en Pies en Adobe Photoshop

Scroll to top
Read Time: 10 min

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

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

¿Te gusta el senderismo? ¡Actualiza tu calzado con un un par de botas inspiradas en pies! En este tutorial revisaremos cómo manipular un par normal de pies para crear una escena  general de senderismo usando técnicas de manipulación de foto básicas.

¿Desea agregar ese aspecto natural de la tierra a todas tus fotos? Ve la increíble selección de acciones de Natural Photoshop Action en GraphicRiver para retocar tu obra. O consigue la ayuda de un profesional de diseño de Envato Studio para todas tus necesidades de manipulación de fotos.

Elementos del Tutorial

Los siguientes elementos fueron utilizados en la producción de este tutorial:

1. Cómo extraer los pies

Paso 1

Con el propósito de este tutorial,  utilizaré las dimensiones originales apoyadas por mi Referencia de Pies para crear la composición. Actualmente es de 2200 x 2635 pixeles, pero después se recorta hasta que se ajuste a la escena.

Original Foot on Scale Photo via PhotoDuneOriginal Foot on Scale Photo via PhotoDuneOriginal Foot on Scale Photo via PhotoDune
Referencia de Piesa a través de PhotoDune.

Abre tu foto en Photoshop. Haz doble clic en la capa de fondo para cambiarla a capa 0. Utiliza la herramienta de varita mágica (W) para seleccionar las áreas blancas del fondo y dale eliminar para deshacerse de ellos de golpe.

Delete the White BackgroundDelete the White BackgroundDelete the White Background

Paso 2

Usando la herramienta lazo magnético (L), empieza a crear una selección alrededor de cada pie. Control-J para duplicar cada pie en su propia capa nueva. Cuando estés en esto, debe tener dos capas separadas para cada pie. Ahorra espacio del archivo mediante la eliminación de la capa con la escala todavía en ella y no dudes en organizar estas capas en un nuevo grupo.

Separate the Feet LayersSeparate the Feet LayersSeparate the Feet Layers

2. Cómo esbozar las directrices para las botas

Paso 1

Utilice la herramienta Mover (V) para colocar los pies más abajo sobre el lienzo.

Position the Feet LowerPosition the Feet LowerPosition the Feet Lower

No dudes en experimentar con la posición de los pies. Puedes mover uno ligeramente atrás o mantenerlos alineados como yo lo hice. Cambiar la posición, puede hacer la manipulación un poco más difícil, ten esto en cuenta.

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

Paso 2

Los pasos siguientes son opcionales. No dudes en avanzar sin un bosquejo si es necesario. Para ayudarme a entender cómo situar las botas, necesitaré dibujar un boceto rápido sobre los pies. Esto me ayudará a comprender la perspectiva, y dónde colocar los cordones, ganchos y collares correctamente.

Crea una nueva capa por debajo del grupo de  los pies y rellénala con blanco usando la herramienta Cubo de pintura (G). Selecciona un pincel (B) básico, duro y redondo y esboza dos círculos situados por encima del tobillo en una capa nueva.

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

Fusiona las capas de los dos pies. Añade una máscara de capa a la capa fusionada y comienza a pintar de negro sobre la máscara de capa para ocultar la parte superior de la mitad de la pierna. Haz esto para cada pie.

Mask the Leg AwayMask the Leg AwayMask the Leg Away

Paso 3

Los pies se ven un poco delgados. Selecciona cada pie con la herramienta marco Rectangular (M) y utiliza la herramienta Transformación libre (Control-T) para hacerlos ambos un poco más amplios. Ajustar la máscara de capa y por consiguiente el bosquejo.

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

Paso 4

En la capa de dibujo, dibuja un esquema básico de la lengua de la bota. Esto nos ayudará a darnos una pauta de dónde colocar las botas de referencia más adelante.

Draw the Boot OutlineDraw the Boot OutlineDraw the Boot Outline

3. Cómo manipular las botas de referencia.

Paso 1

Ahora que tenemos una buena directriz en curso, podemos incorporar las botas reales. En primer lugar, abre tus botas de referencia en un documento separado y utiliza la herramienta de varita mágica (W) para eliminar el fondo blanco.

Delete the Boot BackgroundDelete the Boot BackgroundDelete the Boot Background
Botas de Senderismo stock vía PhotoDune.

Paso 2

Utilice la herramienta de lazo poligonal (L) para hacer una selección alrededor de la lengua, collar y cordones de la bota izquierda. Copia y pega en el documento de tu manipulación fotográfica. Bajaa la opacidad un poco para que todavía se puedan ver los pies por debajo.

Coloca la bota sobre el pie izquierdo, cámbiala de tamaño y ajústala con tal que encaje en el pie con la herramienta Transformación libre (Control-T). Alterna la visibilidad de la capa de dibujo encendiéndola y apagádola para que distraiga.

Manipulate the Left BootManipulate the Left BootManipulate the Left Boot

Continua manipulando el conjunto hasta que estés satisfecho con cómo la bota se ajusta al pie. Luego añade una máscara de capa a la capa de la bota y pinta de negro sobre la máscara para ocultar partes de la bota que no deseas, con duros y suaves cepillos redondos.

Mask the Left BootMask the Left BootMask the Left Boot

Paso 3

Vamos a pasar al pie derecho. Justo como antes, haz una selección sobre la bota derecha con la herramienta de lazo poligonal (L). Copia y pega la selección en una nueva capa sobre el pie derecho.

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

Este pie es un poco complicado, por lo que va a ralentizar el proceso. Control-T  para Transformación Libre de la bota, escálala hacia abajo para que quepa en el pie derecho. Intenta lo mejor que puedas para que coincida con el tamaño de la izquierda.

Scale the Boot SmallerScale the Boot SmallerScale the Boot Smaller

Manteniendo la tecla Control, agarra las esquinas de la caja de transformación libre y ajusta un poco la perspectiva.

Tweak the Boots PerspectiveTweak the Boots PerspectiveTweak the Boots Perspective

Ahora Transformación Libre, seleccionando Deformar moldear la bota en el pie. No te preocupes de que ajuste a la pierna completamente, de lo contrario puedes distorsionar la acción demasiado.

Warp the Right BootWarp the Right BootWarp the Right Boot

Paso 4

Porque todavía se está mostrando la pierna derecha, tendremos que ocultarla fuera. Así que selecciona la máscara de capa para el pie derecho y pintalo negro para ocultar el resto de la pierna.

Justo como antes, continua ocultando las partes de la bota que no quieres. Y limpia los bordes de pintura sobre una nueva capa con la herramienta pincel (B).

Completed Boot Feet ManipulationCompleted Boot Feet ManipulationCompleted Boot Feet Manipulation

4. Cómo crear la tierra de bosque

Paso 1

Ahora que ya tenemos los pasos más difíciles fuera del camino, podemos centrarnos en el suelo del bosque. Elimina la capa de fondo blanco. Copia y pega la referencia de hierba en una nueva capa debajo de las botas. Ajusta la escala y la perspectiva para hacer que parezca mucho más grande con la herramienta Transformación libre (Control-T).

Add the Grass Add the Grass Add the Grass

Crea una nueva capa de ajuste de tono y saturación y haz clic con el botón derecho para configurarla como una máscara de recorte a la capa de hierba. Desatura la hierba para que coincida con los pies con los siguientes ajustes:

  • Hue: 0
  • Saturación:-67
  • Luminosidad: -12
Desaturate the Grass with Hue and SaturationDesaturate the Grass with Hue and SaturationDesaturate the Grass with Hue and Saturation

Paso 2

Une las capas de las botas y los pies juntas. Control-J para duplicar la capa, colocándola ligeramente por debajo de la primera capa.

Duplicate the Boot FeetDuplicate the Boot FeetDuplicate the Boot Feet

Ve a imagen > Ajustes > tono y saturación. Baja la luminosidad a 0 para duplicar el negro.

Luego difumina la sombra yendo a filtro > Desenfoque > Desenfoque gaussiano y añadiendo un radio de 48,4 píxeles. Manten la sombra alrededor del 54% de opacidad cuando haya terminado.

Blur the Boot ShadowBlur the Boot ShadowBlur the Boot Shadow

Paso 3

Vamos a hacer que la hierba parezca un poco más realista. Añade una máscara de capa a la capa de las botas. Pinta de negro sobre la máscara de capa con un  pincel redondo duro para revelar la hierba bajo los pies.

Reveal the Grass UnderneathReveal the Grass UnderneathReveal the Grass Underneath

Paso 4

Ahora copia y pega la referencia de tierra sobre el lienzo para agregar algunos arbustos a la escena.

Add the ShrubberyAdd the ShrubberyAdd the Shrubbery

Control-J para duplicarla y voltea la copia yendo a Editar > Transformar > voltear Horizontal. Posiciona el segundo bloque detrás del pie derecho.

Add the Second StockAdd the Second StockAdd the Second Stock

Agrega una máscara de capa a cada capa de arbustos. Pinta de negro sobre la máscara de capa blanca con un pincel redondo para ocultar las líneas duras. Trata de mezclar los arbustos con la hierba tanto como sea posible.

Mask the Shrubbery StockMask the Shrubbery StockMask the Shrubbery Stock

Paso 5

Los arbustos son un poco muy brillantes para la escena. Así que establece una nueva capa de ajuste de tono y saturación como máscara de recorte en ambas capas. Ajusta la luminosidad a -16.

Desaturate the ShrubberyDesaturate the ShrubberyDesaturate the Shrubbery

Paso 6

Antes de que pasemos a los detalles finales, vamos a cambiar el color del collar de las botas. En primer lugar, crea una selección en el collar con la herramienta de lazo poligonal (L). Luego ve a capa > nueva capa de ajuste > tono y saturación para crear una máscara de capa de solo el collar.

Cambiar el color de naranja a color azul ajustando el tono a -108.

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

Repite el proceso con el pie izquierdo.

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

5. Cómo crear detalles e iluminación realista

Paso 1

Ahora que ya tenemos las botas y el piso listo, podemos movernos hacia los detalles finales para realmente hacer estallar la composición! Empieza por añadir una nueva capa de ajuste de curvas como una máscara de recorte a la capa de las botas. Ajusta un poco las curvas de los canales Azul y RGB.

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

Extrae una de las mariquitas de la Referencia de Mariquita y pégala sobre el lienzo. Hazla que se sobreponga uno de los pies para un efecto peculiar.

Add a LadybugAdd a LadybugAdd a Ladybug

Paso 2

Ahora tenemos que trabajar en el esquema de color y de iluminación en general. Añade una nueva capa de ajuste a Multiplicar con una opacidad del 55%. Utiliza un color verde oscuro y Pinta con un Pincel Redondo Suave grande la sombra en el lado izquierdo para que resuenen algunos verdes brillantes.

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

Aumentar la dureza del pincel al 100%. Ahora pinta más sombras alrededor de las botas. Pónlas en el suelo del bosque pintando sombras por debajo de ellas y agrega sombras extra a los cordones y a la lengua de las botas para dar más dimensión.

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

Aquí hay una animación del antes y después de este proceso. Observa cómo poner las botas en la tierra hace ver que las sombras se han aplicado.

Shadow Animation GIFShadow Animation GIFShadow Animation GIF

Paso 3

Vamos a cambiar los colores a continuación. Para crear un color verde general, añade una nueva capa de ajuste de búsqueda de Color con la siguiente configuración:

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

Sigue con otra nueva capa de ajuste de brillo y contraste con la configuración siguiente:

  • Brillo: -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

Paso 4

Siempre trata de dejar puntos destacados para el final, cuando tengas una mejor comprensión del esquema de iluminación. Ahora agrega una nueva capa a Overlay. Pinta de blanco el lado derecho de la escena con un pincel redondo grande.

Add Highlights with OverlayAdd Highlights with OverlayAdd Highlights with Overlay

Continúa añadiendo más destellos en las botas y en la tierra. Aquí las he añadido a la lengüeta de la bota y a la región inferior izquierda.

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

Las botas son conocidas por tener una textura brillante, tipo cuero. Añade algún brillo a las botas pintándole más destellos en el pie, dedos de los pies y los datos de de las botas. ¡Haz que  los ganchos destellen! Toma nota de la sutil diferencia con esta animación que aparece abajo.

Highlight Animation GIFHighlight Animation GIFHighlight Animation GIF
Destellos Blanco Brillante, antes y después.

6. Cómo enfocar y añadir suciedad

Paso 1

¡Tiempo para los últimos detalles! Las botas en el bosque no se verán así de limpias. Así que a añadir suciedad creando una nueva capa y con el pincel de tiza para pintar suciedad de color marrón oscuro sobre las botas.

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

Paso 2

A continuación, seleccione la herramienta Crop(C)  para Recortar a la composición y hazla un poco más pequeña. Esto le ayudará a dibujar el ojo hacia el centro mientras refuerza el punto de vista.

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

Paso 3

Para detalles nítidos y claros, afinaremos esta manipulación fotográfica con un filtro de paso alto. En primer lugar, selecciona todas las capas y combínalas. Control-J para crear un duplicado de tu combinación.

Ve a filtro > otro > paso alto, añadiendo un radio de 3,4 píxeles. Establece el modo de mezcla de la capa en luz suave cuando estás a través.

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

Paso 4

Sigue jugando con capas de ajuste para ajustar los colores y la iluminación. Para finalizar las cosas, utilizaré esta última capa de ajuste de búsqueda de color con la siguiente configuración :

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

Y eso es todo! ¡Mira el resultado final a continuación!

¡Todo hecho! ¡Vamos de senderismo!

Encontrar referencias de fotos que puedan mezclar fácilmente es una gran parte de la manipulación de la foto. Y con un poco de paciencia, las herramientas básicas de Photoshop y un ojo creativo, también puedes manipular los elementos con delicadeza y la facilidad.

Ve a la increíble selección de Photoshop Natural Actions en GraphicRiver para aplicar naturales, suelos de bosques coloridos a cualquier manipulación fotográfica al instante.

Realmente espero que hayas disfrutado este tutorial. No dudes en dejar cualquier duda en los comentarios.

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