7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Crear una Manipulación de Foto de Panda Gigante en Affinity Photo

Scroll to top
Read Time: 12 mins

Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)

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

Uno de los mejores lugares para obtener inspiración es de la Televisión y las películas. En el tutorial de hoy, la imagen que estaré manipulando está influenciada por el anima, específicamente películas de Studio Ghibli tales como el Viaje de Chihiro o Mi Vecino Totoro.

Estaremos usando capas de ajuste para obtener un grado de color calmante y también aprenderemos a cómo extraer pelaje y cómo crear una bruma colorida.

¡Comencemos!

Lo que necesitarás

Necesitarás los siguientes recurso para completar este proyecto:

¡Encuentra más recursos en Envato Elements!

1. ¿Cómo Mejorar una Foto de Paisaje?

Para comenzar con todo, colocaremos nuestro paisaje como imagen base. Cuando se trata de paisajes, a veces el caso es que la imagen original ya es en si muy asombrosa y solo necesita un poco de mejoramientos.

¡Se cuidadoso de sobre procesar imágenes!

Paso 1

Crea un Nuevo Documento.

Configuración de Documento

  • Tamaño: 4468 x 2742 px
  • PPP: 300

Paso 2

Coloca y posiciona el paisaje para que esté un poco inclinado.

place backgroundplace backgroundplace background

Paso 3

Crea una nueva Capa de Píxel.

Pon el modo de capa a Color.

Con un pincel de pintura redondo y grande, pinta un desenfoque de luz a través del cielo.

Configuración de Pincel

  • Dureza: 0%
  • Color: Azul Claro #a0d8f9
add coloradd coloradd color

Paso 4

Crea una capa de ajuste de Brillo/Contraste derriba de todas las capas actuales.

Configuración de Brillo/Contraste

  • Brillo: 18%
  • Contraste: -20%

Agrupa las tres capas de fondo en un nuevo grupo llamado "fondo".

add contrast add contrast add contrast

2. ¿Cómo Añadir Detalles Pequeños para Incrementar la Atmósfera?

Luego, añadiremos algunos detalles pequeños. Mientras estos detalles pueden no ser significantes, son cosas como estas que añaden atmósfera a tu pieza. ¡Nunca escatimes los detalles!

Paso 1

Crea un Nueva Capa de Pixel. Pon la Opacidad a 70%.

Con un pincel duro, pequeño y redondo, pinta las aves en lo lejano del cielo. Pinta aves negras, donde hay cielo blanco y aves blancas donde es azul.

Configuración del Pincel

  • Anchura: 3 a 5 px
  • Fluidez: 75%
  • Dureza: 100%
  • Presión de Fuerza: Activado
  • Estabilizador: Marcado
  • Longitud: 10 a 15
  • Color: Blanco y Negro
paint birdspaint birdspaint birds

¿Cómo Dibujar un Ave?

Cuando dibujas un ave que está lejos, no tiene sentido esforzarse demasiado por los detalles. Me gusta solo dibujar dos líneas desordenadas y un punto. Una vez que dibujas uno o dos, puedes copiar y pegarlos sobre todo el lugar en varios tamaños.

También hay pinceles prediseñados de "siluetas de aves volando" que puedes encontrar en la web. Recuerdo, los pinceles de Adobe Photoshop son compatibles con los de Affinity Photo.

Paso 2

Crea una nueva capa de Pixel.

Con un pincel duro, redondo y pequeño, pinta las partes pequeñas de restos de hojas, y puntos en el viento para darle a la imagen una sensación de movimiento. Usa varias sombras de verde.

Configuración de Pincel

  • Anchura: 3 a 10 px
  • Fluidez: 100%
  • Dureza: 80%
  • Color: Verde Claro #cde943, Verde #b3cf5d, y Verde Oscuro #6f9b0d

Agrupa todas las hojas y las aves en un nuevo grupo llamado "Detalles".

paint windpaint windpaint wind

3. ¿Cómo Extraer y Crear Pelaje con Estilo?

Hay muchas maneras de extraer pelaje, y mientras que algunas técnicas funcionan mejor que otras, realmente depende de el estilo en general que usarás. La técnica que estaremos usando funciona mejor en procesos estiístico, opuestos a los procesos hiper-realistas.

Paso 1

Posiciona nuestro panda gigante sobre el lado derecho del lienzo.

place pandaplace pandaplace panda

Paso 2

Usando la Herramienta Pincel de Selección, haz una selección aproximada alrededor del panda.

Presiona Control-Mayus-I para invertir y revertir la selección si es necesario. Dependiendo sobre cómo hiciste la selección, puedes no tenerlo que hacer.

Presiona el botón Perfeccionar localizado hacia la derecha de la selección de la barra de tareas.

Configuración

refine edge settings refine edge settings refine edge settings

Pasa el Pincel de Perfeccionar Bordes a través de todo el borde del pelaje del panda.

Paso 3

Presiona Aplicar y luego añade un Máscara de Capa al panda para enmascarar el área seleccionada. Con un pincel semi-suave y redondo, enmascara cualquier sobrante de fondo.

Configuración del Pincel

  • Dureza: 50%
extract panda extract panda extract panda

Paso 4

Usa la Herramienta Pincel de Clon para limpiar toda la grama y la paja sobre el pelaje del panda.

Configuración del Pincel Clon

  • Dureza: 50%
clean panda clean panda clean panda

Paso 5

Anida una Capa Pixel sobre el panda gigante.

Usa un pincel redondo, suave y grande para pintar alrededor de los bordes blancos del panda, rellenando el cabello.

Configuración del Pincel

  • Dureza: 0%
  • Color: Blanco
fill in furfill in furfill in fur

Paso 6

Anida otra Capa de Pixel en un panda gigante.

Usa un Pincel redondo, suave y medio para pintar blanco sobre la iluminación del panda e intensificarlo.

Para hacer la luz más intensa, puedes pintar en múltiples capas—yo usé dos. Puedes disminuir la Opacidad de la capa si la iluminación es muy fuerte.

Configuración del Pincel

  • Dureza: 0%
  • Fluidez: 30%
  • Color: Blanco
add highlight add highlight add highlight

Paso 7

Anida otra Capa de Pixel al panda gigante.

Usa un pincel redondo y pequeño para pintar duro sobre la iluminación blanca sobre los bordes de la madera en la cual nuestro panda yace.

Configuración del Pincel

  • Anchura: 3 a 5 px
  • Fluidez: 100%
  • Dureza: 100%
  • Forzar Presión: Activado
  • Estabilizador: Marcado
  • Longitud: 10 a 15
  • Color: Blanco
add highlight add highlight add highlight

Paso 8

Crea y anida una capa de ajuste de Brillo/Contraste en nuestro panda.

Configuración de Brillo/Contraste

  • Brillo: -2%
  • Contraste: 4%

Agrupa todas las capas del panda en un grupo llamado "panda".

add contrast add contrast add contrast

4. ¿Cómo Colocar un Sujeto Encima del Pelaje?

Luego, añadiremos un pequeña chica a la espalda de nuestro panda. Cuando colocamos un sujeto sobre una nueva superficie, tienes que tener en mente tanto la textura como la forma de esa área. Por ejemplo, cuando te sientas sobre el pelaje, debe de haber mechones de pelo que estén pasando en contra de las piernas del sujeto y el cuerpo inferior.

Tener cosas como esta en mente te ayudarán a evitar que tu sujeto parezca como si estuvieran flotando.

Paso 1

Coloca la chica sobre la espalda del panda.

Extrae el sujeto usando tu método preferido. Sugiero que uses la Herramienta Pluma o la Herramienta Pincel de Selección.

Tendrás que crear un nuevo borde, ya que parte de la espalda del sujeto está cortada en la imagen original.

Usa un pincel redondo, duro y pequeño para enmascarar nuestras formas de pelaje sobre la parte inferior del cuerpo de la chica.

Configuración del Pincel

  • Anchura: -2-5 px
  • Dureza: 100%
  • Fuerza de Presión: Activado
  • Estabilizador: Marcado
  • Longitud: 10 a 15
  • Color: Negro
place girl place girl place girl

Paso 2

Crea y anida una capa de ajuste de Color Selectivo en nuestro sujeto. Pon el modo de capa a Color.

Configuración de Color Selectivo

  • Color: Amarillo
  • Cyan: 100%
  • Magenta: -100%
  • Amarillo: 100%

Enmascara todo excepto la camiseta de la niña, para realmente hacer que el color de su camisa destaque.

color t-shirt color t-shirt color t-shirt

Paso 3

Crea y anida una nueva Capa de Pixel en la capa de la "niña". Trae la Opacidad a 42% y el modo de capa a Multiplicar.

Usando un pincel suave, redondo y medio, aplica sombras café sobre la porción inferior de la chica, enfocándonos en la parte donde el panda y el cuerpo se juntan.

Configuración de Pincel

  • Dureza: 0%
  • Fluidez: 20%
  • Color: Café Oscuro #351706
paint shadows paint shadows paint shadows

Paso 4

Repite el paso 3, solo que esta vez pinta sombras de cabello pequeñas similares a los trazo del cabello que pintaste en el paso 1.

paint shadows paint shadows paint shadows

Paso 5

Crea y anida una nueva Capa de Pixel dentro de la capa del panda. Pon la Opacidad a 70%.

Con un pincel redondo, suave y grande, pinta una neblina blanca de luz sobre la cabeza y la espalda de la chica.

paint haze paint haze paint haze

Paso 6

Crea y anida una nueva Capa de Pixel dentro de la capa del panda. Pon la Opacidad a 35%.

Con un pincel suave, redondo y medio, pinta iluminación blanca del cabello y el cuello del sujeto.

Configuración del Pincel

  • Dureza: 0%
  • Fluidez: 20%
paint light paint light paint light

Paso 7

Crea una nueva Capa de Pixel dentro de la capa del panda. Pon la Opacidad a 75%.

Usando un pincel redondo, duro y pequeño, pinta iluminación blanca sobre el cuerpo del sujeto. Puedes ir sobre el aire un poco, pero enfócate sobre el cuerpo primero.

Configuración del Pincel

  • Anchura: 2-5 px
  • Dureza: 100%
  • Fluidez: 70%
  • Presión Forzada: Activada
  • Estabilizador: Marcado
  • Longitud: 10 a 15
  • Color: Blanco
paint body highlight paint body highlight paint body highlight

Paso 8

Con el mismo pincel de arriba, pinta iluminación en los mechones de cabello; y pinta mechones de cabello más suave e iluminación hacia la espalda.

Usa la Herramienta Pincel Borrador para deshacerte de cualquier borde imperfecto.

paint hair paint hair paint hair

Paso 9

Crea una capa de ajuste de Brillo/Contraste en el panda.

Configuración de Brillo/Contraste

  • Brillo: -26%
  • Contraste: -10%

Enmascara la porción del frente del sujeto un pincel negro, suave y grande para crear una sombra sobre la espalda de la chica.

add shadow add shadow add shadow

Paso 10

Crea una segunda capa de ajuste de Brillo/Contraste en el panda.

Brillo/Contraste

  • Brillo: 5%
  • Contraste: 20%

Agrupa todas las capas del sujeto en su propio grupo, nombrándolo "Niña Pequeña".

add contrast add contrast add contrast

Paso 11

Luego, añadiremos algunas sombras debajo de nuestro sujeto.

Crea una Nueva Capa de Pixel debajo del grupo de la niña. Pon la capa a Luz Suave.

Usa un pincel redondo, semi-suave y medio; aplica uno oscuro café debajo del sujeto para crear una sombra sutil. Trata de no hacerlo como una mancha; ¡las sombras tienen forma!

Configuración del Pincel

  • Dureza: 0%
  • Fluidez: 20%
  • Color: Café Oscuro #351706
add shadow add shadow add shadow

Paso 12

Repite el paso 11 para oscurecer e intensificar la sombra.

intensify shadow intensify shadow intensify shadow

Paso 13

Repite el paso 11 una vez más, solo que esta vez pon la capa a Normal a 33% de Opacidad. Recuerda darle forma y estructurar las sombras.

Agrupa todas las capas de sombra en un grupo y nombra el grupo "sombra".

intensify shadow intensify shadow intensify shadow

5. ¿Cómo Añadir Color y Atmósfera?

Luego, añadiremos más luz y color a nuestro cielo usando algunas capas simples puestas a trama. Siempre me gusta guardar esta parte para el final, cuando se que todos los elementos principales están completado y no será movidos alrededor drásticamente.

Primero, vamos añadir algo de verdor a la plataforma en la cual nuestros sujetos se sientan, y, luego, procederemos a añadir neblina atmosférica.

Paso 1

Duplica la capa de paisaje que usamos para nuestro fondo. Trae el duplicado derriba de todas nuestras capas. Pon el duplicado a Iluminar.

Haz un poco más grande el duplicado, colocándolo para que haya una cantidad substancial de hojas y verdosidad en la esquina inferior derecha de nuestro lienzo.

add grass add grass add grass

Paso 2

Añade una Máscara de Capa al duplicado del paisaje. Enmascara todo excepto la esquina inferior derecha.

mask grass mask grass mask grass

Paso 3

Crea una nueva Capa de Pixel derriba de todas las capas anteriores. Pon la capa a Trama, y 60% de Opacidad.

Pinta una mezcla de azul claro, verde, amarillo y naranja para crear una neblina como de arco iris encima de la mitad superior del lienzo.

Configuración del Pincel

  • Dureza: 0%
  • Fluidez: 50%
  • Color: Azul #5cbbff, Verde #4aff55, Amarillo #f8ff2c, y Naranja #ffb809

Debajo está mi capa a 100% de Opacidad puesto a Normal, solo para que puedas ver mejor donde pinté.

add light add light add light

Paso 4

Crea una nueva Capa de Pixel derribas de todas las capas anteriores. Pon la capa a Trama, 60% de Opacidad.

Usando el mismo pincel de arriba, pinta más azul claro sobre la espalda de la chica, trayendo la luz un poco sobre la espalda del panda.

Configuración del Pincel

  • Fluidez: 20%
  • Color: Azul Claro #5cbbff
add sky light add sky light add sky light

Paso 5

Repite el paso 5, pero esta vez usa un verde mas intenso sobre la mitad inferior del lienzo.

Configuración del Pincel

  • Color: Verde Intenso #f3ff0a

Agrupa las cuatro capas que creamos en un grupo llamado "Atmósfera".

add green light add green light add green light

6. ¿Cómo Crear un Grado de Color de Calma Viva?

Finalmente, trae todos nuestros elementos y dale a todo una apariencia uniforme; aplicaremos un efecto de grado de color calmante y al mismo tiempo vivo. Amo guardar este paso de último ya que le da un último empuje de color y contraste.

Estaré usando un total de cinco capas de ajuste, ordenadas de la última a la primera.

Paso 1

Crea una capa de Ajuste de Balance de Color derriba de todas las capas actuales.

Configuración

  • Rojo: 21%
  • Azul: 34%
create color balance create color balance create color balance

Paso 2

Crea una capa de ajuste de Curvas derriba de la capa de "Balance de Color".

Configuración de Curvas

create curves create curves create curves
curves results curves results curves results

Paso 3

Crea una capa de ajuste de Mapa de Degradado derriba de la capa de "Curvas".

Configuración de Mapa de Degradado

  • Color: Negro a Blanco
  • Opacidad: 35%
  • Modo de Capa: Luz Suave
create gradient map create gradient map create gradient map

Paso 4

Crea una capa de Ajuste de División de Tono derriba de la capa "Mapa de Degradado".

Configuración de División de Tono

split toning settings split toning settings split toning settings
split toning results split toning results split toning results

Paso 5

Crea una capa de ajuste de Selección de Color derriba de la capa "División de Tonos".

Configuración de Selección de Colores

  • Modo de Capa: Color

Color: Verdes

  • Cyan: 33%
  • Magenta: 82%
  • Amarillo: 43%

Color: Cyan

  • Cyan: 100%
  • Magenta: 78%
  • Amarillo: -100%

Agrupa todas las cinco capas de ajusta en un grupo y nómbrala "Grado de Color".

selective color settings selective color settings selective color settings

¡Lo Hiciste!

Prestar atención a los pequeño detalles—como la manera en que el pelaje se toca con la piel, o cómo las hojas y las semillas a veces se encuentran flotando en el fondo de las películas animadas—te permite incorporarlos en tu trabajo para que tu obra de arte cobre vida y tenga atmósfera.

Como aplica en todo, entre más prácticas, mejor te harás—no solo viendo estos detalles, sino que también creándolos por tu cuenta.

Así que, siempre sigue experimentando con técnicas diferentes y no olvides publicar tu versión el los comentarios, con cualquier pregunta o sugerencia que tengas.

final result final result final result

¿Quieres aprender más? Te recomiendo ver los siguientes tutoriales:

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.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.