Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Crear una Manipulación de Foto de un Lindo Dragón Bebé en Adobe Photoshop

Scroll to top
Read Time: 10 min
This post is part of a series called Learn Adobe Photoshop.
Photoshop for Kids: Jedi Me!
How to Create a Layered Floral Typography Text Effect in Adobe Photoshop

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

¿Desearías que los dragones fueran reales? Lamentablemente no lo son, pero podemos pretender que lo son usando el poder de Photoshop. En este tutorial te mostraré cómo crear un mini dragón usando algunas fotos: Aprenderás a cómo crear un dragon a partir de animales reales, colocarlo en una mano, y luego darle color y mezclar los elementos para hacerlo que se vea completo.

Elementos del Tutorial

Para completar este ejercicio, necesitarás los siguientes recursos:

1. Prepara los Elementos

Antes de comenzar, necesitas encontrar las fotos perfectas para tu visión. Los elementos deben tener una perspectiva, pero no es lo único de lo cual debes prestar atención. La calidad de todos los elementos tendrán que ser ajustados con el que tiene la calidad más baja. Asegúrate de que todas tus imágenes sean grandes y de alta calidad para lograr los mejores resultados.

Paso 1

Tenemos muchas imágenes, pero solo necesitamos ciertas partes. Por ejemplo, quiero usar la cabeza de esa lagartija y nada más. Para hacer esto, necesitamos seleccionar el area que queremos separada. No hay truco mágico para esto—si quieres resultados precisos, usa la Herramienta Pluma (P) para dibujar un trazado alrededor del area. Suena espantoso, pero puedes aprender en 60 segundos en nuestro video de Aprender a Usar la Herramienta Pluma.

how to use the pen toolhow to use the pen toolhow to use the pen tool

Paso 2

Luego de dibujar el trazado, da clic-derecho y selecciona Crear Selección.

how to turn path into selection photoshophow to turn path into selection photoshophow to turn path into selection photoshop

Paso 3

Ve a Selección > Invertir (Control-Mayus-I) y borra el fondo. Luego puedes Recortar (C) la imagen y guardarla como PSD o PNG para mantener el fondo transparente.

how to save picture without backgroundhow to save picture without backgroundhow to save picture without background

Paso 4

Repite el proceso para aislar los otros elementos también. Necesitamos:

  • Ala izquierda
  • Ala derecha
  • Cuerpo
  • Cabeza
  • Cuernos
  • Ojo
  • Cola

No necesitas colocarlos todos juntos aun.

how to prepare assests for photomanipulationhow to prepare assests for photomanipulationhow to prepare assests for photomanipulation

2. Crea el Mock-up Básico

Puedes tener tu visión, pero no lo puedes ver realmente hasta que tengas todos los elementos en su lugar. Este será tu trabajo en esta parte.

Paso 1

Toma tu imagen de fondo y guárdala como un nuevo archivo—este será nuestra area de trabajo principal. Asegúrate de que tu imagen sean grande (la mía es de 3840 x 7560).

how to create background for photonamipulationhow to create background for photonamipulationhow to create background for photonamipulation

Paso 2

Arrastra todas las imágenes aisladas a este archivo.

how to place files in one photoshop filehow to place files in one photoshop filehow to place files in one photoshop file

Paso 3

Coloca el cuerpo de la lagartija dentro de la mano, tratando de ver detrás los dedos. Disminuir la Opacidad por un momento puede ayudarte en esto. Usa la Herramienta Transformación Libre (Control-T) para cambiar el tamaño y rotar el cuerpo.

how to transform a layer in photoshophow to transform a layer in photoshophow to transform a layer in photoshop

Paso 4

Ignora la posición del cuello y coloca la cabeza donde quieras que esté. De nuevo, usa la Herramienta Transformación Libre para lograr los mejores resultados.

how to add head to a body in photoshophow to add head to a body in photoshophow to add head to a body in photoshop

Paso 5

Vamos a ajustar el cuello a la cabeza ahora. Selecciona la capa con el cuerpo y ve a Edición > Deformación de Posición Libre. Coloca puntos en todo el cuerpo de esta manera:

how to use the puppet warp in photoshophow to use the puppet warp in photoshophow to use the puppet warp in photoshop

Paso 6

Arrastra un punto para arrastrar el area adjunta a ello. De esta manera puedes darle forma al cuerpo. Presiona Enter cuando hayas terminado.

how to manipulate shape with puppet warphow to manipulate shape with puppet warphow to manipulate shape with puppet warp
how to change neck shape with warp toolhow to change neck shape with warp toolhow to change neck shape with warp tool

Paso 7

Coloca y cambia de tamaño la cola para que se ajuste al cuerpo.

how to attach tailhow to attach tailhow to attach tail

Paso 8

Usa la Herramienta Deformación de Posición Libre para deformar la cola alrededor de los dedos.

how to manipulate tail shape with puppet warphow to manipulate tail shape with puppet warphow to manipulate tail shape with puppet warp
how to change tail shape in photoshophow to change tail shape in photoshophow to change tail shape in photoshop

Paso 9

Coloca las dos alas sobre la parte trasera del cuerpo.

how to add wings to a lizardhow to add wings to a lizardhow to add wings to a lizard

Paso 10

Vamos a darle a la lagartija ojos más grandes para hacer que se vea más lindo. Selecciona la capa de la cabeza y ve a Filtro > Licuar. Usa la Herramienta Deformar hacia Adelante y la Herramienta Inflar para darle forma al ojo. Puedes mantener el ojo pequeño, si quieres que el dragón sea un miniatura más que un bebé.

how to change eye size in photoshophow to change eye size in photoshophow to change eye size in photoshop

Paso 11

Coloca el ojo aislado en la cabeza.

how to place a new eye in photoshophow to place a new eye in photoshophow to place a new eye in photoshop

Paso 12

Usa todos los trucos que hayas aprendido aquí para añadir los cuernos en la cabeza.

how to add horns to a lizard in photoshophow to add horns to a lizard in photoshophow to add horns to a lizard in photoshop

3. Ajusta los Elementos

Podemos ver el dragón en todos estos elementos, pero no está completo aun. ¡Vamos a arreglarlo!

Paso 1

Disminuye la Opacidad de todos los elementos por un momento para ver la mano claramente.

How to make layer half transparent photoshopHow to make layer half transparent photoshopHow to make layer half transparent photoshop

Paso 2

Toma la Herramienta Pluma (P) y selecciona la parte de la mano que cubre el dragón.

how to use pen tool to selecthow to use pen tool to selecthow to use pen tool to select
how to make selection with pen toolhow to make selection with pen toolhow to make selection with pen tool
Siéntete libre de ignorar la forma de la parte inferior.

Paso 3

Haz una selección (Control-Enter) y luego ve a Selección > Modificar > Desvanecer. Haz el radio muy pequeño, por ejemplo, 3 pixeles. Esto hará la selección más suave, para que se ajuste el nivel de desenfoque en la imagen.

how to make selection smootherhow to make selection smootherhow to make selection smoother
how to create a smooth selection in photoshophow to create a smooth selection in photoshophow to create a smooth selection in photoshop

Paso 4

Ve a Selección > Invertir (Control-Mayus-I). Crea una Nueva Capa y usa la Herramienta Bote de Pintura (G) para rellenar la selección con cualquier color. Nombra la capa Máscara y ocultala.

how to create mask in photoshophow to create mask in photoshophow to create mask in photoshop

Paso 5

La máscara es muy simple de usar. Mantén presionada la tecla Control y da clic en la miniatura de la máscara para crear una selección. Luego da clic en la capa del cuerpo y selecciona Añadir Máscara de Capa.

how to use layer masks in photoshophow to use layer masks in photoshophow to use layer masks in photoshop

¡Deja que la magia ocurra!

how layer masks workhow layer masks workhow layer masks work

Paso 6

¿Puedes ver una miniatura blanca a la par de la otra en tu capa? Mantén presionada la tecla Alt y arrastra a las otras capas para darles la misma máscara.

how to copy layer maskhow to copy layer maskhow to copy layer mask

Paso 7

Muchos de los elementos se ven mucho mejor ahora, pero necesitamos arreglar esa cola detrás y en frente de los dedos al mismo tiempo.

how to use layer masks in photomanipulationhow to use layer masks in photomanipulationhow to use layer masks in photomanipulation

Da clic en la miniatura blanca para seleccionarla. Luego toma un pincel Duro Redondo y pinta con blanco para revelar la parte de la cola que se supone que tiene que estar en frente. Usa las teclas [ y ] para ajustar el tamaño del trazo cuando necesites ser más preciso.

¿Tienes curiosidad de saber como funciona? Mira Consejo: Máscara de Capa vs. la Herramienta Borrador en Adobe Photoshop

how to paint on layer maskhow to paint on layer maskhow to paint on layer mask

Paso 8

Pintar sobre una máscara es una gran idea de mezclar los elementos. Esta vez toma un pincel suave y úsalo para mezclar los bordes entre las imágenes donde sea necesario. Disminuye la Fluidez para ser más preciso.

how to use layer maks for blendinghow to use layer maks for blendinghow to use layer maks for blending

Paso 9

La imagen está comenzando a ser más clara; así que será más fácil ver lo que falta. En mi caso, he decidido añadir una pierna frontal para crear el cuerpo más completo. Puedes usar las mismas fotos para encontrar estos elementos.

how to complete photomanipulationhow to complete photomanipulationhow to complete photomanipulation
how to create photomanipulation in photoshophow to create photomanipulation in photoshophow to create photomanipulation in photoshop

Paso 10

Una vez más, mira la imagen como un todo y decide que más podrías o deberías darle forma o mezclar para un mejor efecto. Esta es la última oportunidad para hacerlo sin ninguna consecuencia.

how to modify elements of photomanipulationhow to modify elements of photomanipulationhow to modify elements of photomanipulation

4. Ajusta los Colores

Cuando escogimos las fotos, no las buscamos para que igualaran los colores, porque eso puede ser fácilmente cambiado. ¡Y eso es lo haremos ahora!

Paso 1

Selecciona la capa de la cabeza y abre Ventana > Ajustes. Selecciona Tono/Saturación y únela a la capa. Luego experimenta con los deslizadores para que se ajuste al cuerpo.

how to add hue saturation adjustmenthow to add hue saturation adjustmenthow to add hue saturation adjustment

Paso 2

Haz lo mismo para los otros elementos. En algunos casos, querrás mantener algunas areas sin cambio; en este caso, pinta sobre la máscara a la par del ajuste (miniatura blanca) para ocultar algunas partes de ellas.

how to paint on mask of adjustmenthow to paint on mask of adjustmenthow to paint on mask of adjustment

Puedes también usar este ajuste para hacer los ojos más intensos.

how to use saturation adjustmenthow to use saturation adjustmenthow to use saturation adjustment

Paso 3

La cabeza se mira un poco fuera de lugar, porque tiene mucha más textura fina que el resto del cuerpo. Puedes arreglarlo seleccionando partes de la escala con la Herramienta Lazo (L) y copiándolas como una sola (Control-Mayus-C). Coloca las escalas sobre la cabeza y modificalas para ajustar sus alrededores.

how to add scales to headhow to add scales to headhow to add scales to head

Paso 4

Usa la Máscara de Capa para mezclarlas con la cabeza.

how to blend scaleshow to blend scaleshow to blend scales

5. Mezcla los Elementos con el Entorno

La posición y la forma están correctos, los colores se igualan pero todos los elementos se miran un poco separados. Es porque cada uno de ellos tiene sombras viniendo de diferentes fuentes de luz. Necesitamos ajustaros para una sola fuente de luz—la que establecimos para el fondo.

Paso 1

Tenemos muchas capas, máscaras y ajustes, lo cual dificultar el distinguirlo. Guarda tu proyecto como un nuevo archivo para crear un respaldo, y, luego selecciona y combina (Control-E) algunas capas para hacerlo que se vea como lo que hicimos en el principio.

how to clean up layershow to clean up layershow to clean up layers

Paso 2

Añade otro ajuste de Tono/Saturación a una de las alas. Recorta y dale una sombra que tendría en la sombra.

how to clip adjustment layerhow to clip adjustment layerhow to clip adjustment layer

Paso 3

Usa una Máscara de Capa para revelar las partes que están realmente en luz. Asegúrate de que estés basando la luz de acuerdo al fondo.

how to use adjustment layers for shadinghow to use adjustment layers for shadinghow to use adjustment layers for shading

Paso 4

Haz lo mismo para las otras partes.

how to shade dark wingshow to shade dark wingshow to shade dark wings
how to shade elements in photomanipulationhow to shade elements in photomanipulationhow to shade elements in photomanipulation
how to shade photomanipulationhow to shade photomanipulationhow to shade photomanipulation

Paso 5

Algunas partes aun contienen sombras viniendo de su fondo original. Vamos a arreglarlo. Añade otro ajuste de Tono/Saturación. Marca Colorear y haz la ala más clara, con el color de los alrededores.

how to increase light in photoshophow to increase light in photoshophow to increase light in photoshop

Paso 6

Usa una Máscara de Capa para mezclarla.

how to blend lighting with layer maskhow to blend lighting with layer maskhow to blend lighting with layer mask

Paso 7

En algunos casos, este truco puede desvanecer el contraste en los lugares iluminados, como aquí:

how to make light more contrastinghow to make light more contrastinghow to make light more contrasting

En tal caso, da doble clic el ajuste y experimenta con el deslizador de Fusionar si. Mantén presionado Alt y da clic en el marcador para partirlo para una transición más suave. Puedes aprender más acerca de esto en este tutorial La Magia del "Fusionar Si" de Photoshop y desde el video de 60 segundos de ¿Cómo Usar "Fusionar Si "en Adobe Photoshop?

how to use blend ifhow to use blend ifhow to use blend if
how to increase contrast with blend ifhow to increase contrast with blend ifhow to increase contrast with blend if

Paso 8

Usa estos trucos para arreglar el sombrado de todos los elementos.

how to adjust lighting in photomanipulationhow to adjust lighting in photomanipulationhow to adjust lighting in photomanipulation

Paso 9

Necesitamos fusionar el dragón con la mano también. Para lograr este efecto, añade un ajuste de Tono/Saturación a la capa de fondo. Haz la mano oscura, pero un poco más saturada; rellena la máscara con negro, y, luego revela las partes que el dragón ha tocado.

how to blend elements of photomanipulationhow to blend elements of photomanipulationhow to blend elements of photomanipulation

Paso 10

Crea una capa de ajuste más como esta y oscurece las partes que están más cercanas al dragón.

how to create blending in photoshophow to create blending in photoshophow to create blending in photoshop

Paso 11

Una vez más, mira la imagen como un todo y prueba ver sus puntos débiles. ¿Qué partes matan la ilusión? ¡Encuéntralas y arreglalas!

how to create realistic photomanipulationhow to create realistic photomanipulationhow to create realistic photomanipulation

Paso 12

Usa una mezcla de trucos que has aprendido para añadir colores reflejados a ciertas areas. Esto integrará la escena incluso más.

how to use reflected colors in photomanipulationhow to use reflected colors in photomanipulationhow to use reflected colors in photomanipulation

6. Añadir los Retoques Finales

¡El dragón se mira real ahora! Pero si quieres hacerlo incluso más bonito, necesitas usar algunos trucos más.

Paso 1

Selecciona la capa de la cola y ve hacia Máscara Rápida (Q). Toma un pincel suave y pinta sobre los bordes de la cola.

how to use quick mask in photoshophow to use quick mask in photoshophow to use quick mask in photoshop

Paso 2

Sal del modo (Q) e Invierte la selección (Control-Mayus-I). Oculta la selección por un momento (Control-H).

how to use quick mask for selectionhow to use quick mask for selectionhow to use quick mask for selection

Paso 3

Ve a Filtro > Desenfoque > Desenfoque Gaussiano y úsalo para mezclar la cola en el desenfoque de la imagen.

how to use gaussian blurhow to use gaussian blurhow to use gaussian blur

Paso 4

Haz lo mismo con todos los demás elementos para suavizar sus bordes rígidos.

how to soften sharp edges in photoshophow to soften sharp edges in photoshophow to soften sharp edges in photoshop

Paso 5

Una ala va más profunda en el fondo, así que necesitaremos ponerla un poco fuera de enfoque. Selecciónala y ve a Filtro > Desenfoque > Desplazamiento de Movimiento. Experimenta para lograr el efecto que quieres.

how to use tilt shift blurhow to use tilt shift blurhow to use tilt shift blur

Paso 6

Vamos a hacer la otra ala un poco translúcida. Oculta por un momento, y luego selecciona la parte del fondo detrás y cópialo a una nueva capa derriba del ala.

how to make wings translucent in photoshophow to make wings translucent in photoshophow to make wings translucent in photoshop

Paso 7

Haz la parte copiada borrosa.

how to make translucency effecthow to make translucency effecthow to make translucency effect

Paso 8

Usa una Máscara de Capa para mezclar la parte.

how to blend everything with layer maskhow to blend everything with layer maskhow to blend everything with layer mask

Paso 9

Vamos a hacer el ojo más vivo. Usa la Herramienta Marco Elíptico (M) para crear una selección elíptica.

how to create realistic eye effecthow to create realistic eye effecthow to create realistic eye effect

Usa un pincel suave para pintar un resplandor azul dentro de la selección.

how to add glow to the eyehow to add glow to the eyehow to add glow to the eye

Usa un pincel suave y duro para añadir un brillo blanco dentro de la selección.

how to create shiny eye in photoshophow to create shiny eye in photoshophow to create shiny eye in photoshop

Paso 10

El dragón está terminado, para que puedes añadir retoques pequeños aquí, dependiendo de lo que no prestaste atención durante el proceso. Algo más grande que puedes añadir luego de combinar todas las capas es Filtro > Ruido > Añadir Ruido. El dragón debería ajustarse a la calidad del fondo.

how to add noise in photoshophow to add noise in photoshophow to add noise in photoshop
how to create realistic baby dragon in photoshophow to create realistic baby dragon in photoshophow to create realistic baby dragon in photoshop
Reflejar la imagen puede ayudarte a ver tu trabajo desde una distancia para ver los errores de mejor manera.

¡Muy lindo!

¡Ahora tienes tu propio mini dragón! Y, por cierto, has aprendido muchos trucos útiles de Photoshop que puede usar en tus proyectos futuros. ¿Quieres aprender más acerca de la manipulación de foto? Prueba estos:

realistic baby dragon in hand tutorialrealistic baby dragon in hand tutorialrealistic baby dragon in hand 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.
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.