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

Cómo crear una manipulación fotográfica inspirada en Dory en Adobe Photoshop

Scroll to top
Read Time: 8 mins

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

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

Para celebrar Buscando a Dory, la próxima secuela del clásico Buscando a Nemo, te enseñaré a crear un fan art realista y fácil en Adobe Photoshop. Inspirándose en la película, aprende a utilizar la manipulación fotográfica y técnicas de pintura digital para hacer que cualquier personaje cobre vida. ¡Empecemos!

Recursos para el tutorial

Para la producción de este tutorial se utilizaron los siguientes recursos.

1. Investiga: fan art de Dory

El original

¿Quién es Dory?

¿Dónde vive?

¿Cómo es?

Si tienes hijos o simplemente te encantan las películas de animación, probablemente ya sepas las respuestas a estas preguntas. De todas formas, siempre es bueno hacer una investigación exhaustiva antes de intentar hacer tu fan art.

¡Conoce al personaje que te gustaría recrear buscando inspiración en línea o pasando un tiempo viendo películas! Para mi propia investigación sobre Dory, hay un par de características que necesito saber sobre la original antes de empezar con el diseño.

Estos son algunos detalles clave a tener en cuenta:

  • Dory se basa en el pez cirujano azul de la vida real.
  • Tiene grandes y brillantes ojos color magenta.
  • Sus expresiones la hacen un poco tonta.
  • No tiene escamas de pescado normales.

Mi versión

Es importante tener en cuenta que para evitar cualquier complicación con los derechos de autor, he creado específicamente mi propia interpretación de Dory. Estas son las diferentes áreas que planeo cambiar:

  • su forma corporal
  • su estructura facial
  • su expresión

Puede parecer que estoy cambiando todo, pero trataré de mantener todos los demás detalles lo más fiel posible al personaje. Ahora que tengo un plan en mente para Dory, es hora de empezar a dibujarla.

2. Cómo dibujar a Dory

Crea un Nuevo documento a 1250 x 1040 píxeles con 150 ppp. Empieza a dibujar el contorno de Dory con un Pincel circular definido. Usa formas simples para crear su cuerpo mientras poco a poco añades más detalles.

How to Sketch Dory with Simple ShapesHow to Sketch Dory with Simple ShapesHow to Sketch Dory with Simple Shapes

Ahora añade un par de características más para que se distinga. En este caso, añadí un pequeño corazón e hice que sus ojos estén medio abiertos para diferenciar mi Dory de la original.

How to Draw Dory in Adobe PhotoshopHow to Draw Dory in Adobe PhotoshopHow to Draw Dory in Adobe Photoshop

Continúa dibujando con el mismo pincel definido y limpia las líneas si es necesario hasta que tengas el boceto final. No dudes en descargar este boceto para usarlo para los siguientes pasos o crea el tuyo.

How to Draw Dory from Finding NemoHow to Draw Dory from Finding NemoHow to Draw Dory from Finding Nemo

3. Incorpora las texturas fotográficas

Paso 1

Esta parte del tutorial ayuda a añadir los colores y el realismo a Dory más rápido de lo que creías. Haremos esto "uniendo" las secciones de fotos para crear su cuerpo y su cara.

Aquí están las dos referencias del pez cirujano azul que usaré para este tutorial:

Ayuda si utilizas fotos de stock con fondos negros o blancos para que puedas eliminarlos de forma rápida. Primero usa la Herramienta varita mágica (W) para seleccionar y eliminar ambos fondos.

Delete Backgrounds with the Magic Wand ToolDelete Backgrounds with the Magic Wand ToolDelete Backgrounds with the Magic Wand Tool

Paso 2

Luego, usa la Herramienta lazo poligonal (L) para seleccionar las secciones de cada pez y cópialas y pégalas en el boceto. Comienza con la piel para rellenar el cuerpo con ese color azul vibrante. Usa la Herramienta borrador (E) para borrar cualquier parte que se salga de las líneas.

Add Fish Skin to Dory from Finding DoryAdd Fish Skin to Dory from Finding DoryAdd Fish Skin to Dory from Finding Dory
Haz que los bordes estén lo más claros posible alrededor de Dory.

Establece el boceto en Luz suave para que se fusione en el azul y continúa añadiendo más piel.

Blend Sketches into Illustrations with Soft LightBlend Sketches into Illustrations with Soft LightBlend Sketches into Illustrations with Soft Light

Siempre que necesites ver el boceto, regresa el Modo de fusión de capa a Normal. Ahora selecciona más secciones de las fotos de stock de peces y coloca cada sección en su lugar usando la Herramienta transformación libre (Control+T). Selecciona la opción Deformar cuando sea necesario para moldear las piezas en el boceto. Empecemos con las aletas superior e inferior.

Use the Warp Tool to Add Fish FinsUse the Warp Tool to Add Fish FinsUse the Warp Tool to Add Fish Fins

Ahora pasemos a la aleta trasera y la piel negra que se conecta a ella.

Use Photo Textures to Create fins and Fish SkinUse Photo Textures to Create fins and Fish SkinUse Photo Textures to Create fins and Fish Skin
Corta la forma del corazón con la Herramienta borrador (E).

Para la última aleta, copia y pega la aleta del segundo pez cirujano azul y colócalo en su lugar.

Add More Fins Using Different StocksAdd More Fins Using Different StocksAdd More Fins Using Different Stocks

Paso 3

Ahora añadiremos los ojos brillantes de Dory. Dale color a tu foto de stock de brillo dorado y hazlo de un bonito color rosado. Ve a Imagen > Ajustes > Tono y saturación y cambia el Tono a -78.

Changing the Color of Any Picture in PhotoshopChanging the Color of Any Picture in PhotoshopChanging the Color of Any Picture in Photoshop

Al igual que hicimos antes, copia y pega una sección del brillo en el lienzo. Disminuye la Opacidad a 30% para que puedas ver mejor el boceto, y usa la Herramienta borrador (E) para borrar el exceso. Puedes usar este momento para pintar las pupilas y la parte blanca de los ojos con la Herramienta pincel (B).

Adding Dorys Glittery Eyes in PhotoshopAdding Dorys Glittery Eyes in PhotoshopAdding Dorys Glittery Eyes in Photoshop

Cuando termines con las texturas de la foto, Dory tendrá una textura realista, pero aun así se verá algo plana. Para cambiar esto, tendremos que pasar al siguiente paso que es pintar digitalmente esta ilustración.

Dory with Photo TexturesDory with Photo TexturesDory with Photo Textures
Solo con añadir texturas fotográficas al boceto hemos recortado una gran parte del trabajo.

4. De plano a 3D: pintura para dar volumen

Paso 1

Para dar más volumen a cualquier personaje, tendremos que establecer la iluminación y la sombra correctas con un poco de pintura digital. Fusiona todas las capas de las texturas fotográficas junto con el boceto. Ahora establece una Nueva capa como una Máscara de recorte en Dory y cambia el Modo de fusión a Multiplicar.

Comienza a pintar sombra sobre Dory con un Pincel circular difuso (B).

Painting Shadow on DoryPainting Shadow on DoryPainting Shadow on Dory

Empieza con el cuerpo y luego pasa a los pequeños detalles como los ojos y la raya en la aleta. Mientras sigas eligiendo colores parecidos con la Herramienta cuentagotas (E), tus colores cambiarán a la sombra perfecta.

Adding More Volume to your Photo TexturesAdding More Volume to your Photo TexturesAdding More Volume to your Photo Textures
¡No olvides pintar algunos dientes blancos para la sonrisa de Dory!

Paso 2

¡Pasaremos a la iluminación! Establece una Nueva capa en Superponer y usa el color blanco para pintar toques luminosos por todo Dory. Puedes seguir añadiendo iluminación en esta capa, pero para algunos detalles como el brillo en sus ojos, tendrás que pintar esto en una capa establecida en Normal.

Painting Highlights on Finding Nemos DoryPainting Highlights on Finding Nemos DoryPainting Highlights on Finding Nemos Dory
La fuente de luz viene de la parte inferior derecha, ¡así que ten esto en cuenta mientras haces la iluminación!

Paso 3

Aprovecha esta oportunidad para corregir cualquier área que se vea un poco tosca. Usa un Pincel circular definido (B) establecido en Dureza al 100% para pintar iluminaciones nítidas y limpiar los bordes.

Cleaning Up a Painting in PhotoshopCleaning Up a Painting in PhotoshopCleaning Up a Painting in Photoshop

5. Crea tu textura coriácea

Una de las primeras cosas que noté sobre Dory es el hecho de que no tiene escamas de pescado normales como esperaba. De hecho, por lo que he estudiado sobre el pez cirujano azul, su piel tiene una textura fina y coriácea que es incluso difícil de ver en la versión cinematográfica.

La clave para lograr esta textura será cubrir el pescado con una textura uniforme. Añade una Nueva capa y establécela en Luz suave. Usa un Pincel circular definido (B) para comenzar a pintar de color gris toda la piel de Dory.

Ahora Haz clic derecho para ir a Opciones de fusión y aplicar los siguientes ajustes. Establece una Superposición de motivo y usa la Textura de lienzo grueso para rellenar el gris con textura. Ajusta la Opacidad de la capa al 35% para que el efecto no sea demasiado tosco.

Add Fish Texture with a Pattern OverlayAdd Fish Texture with a Pattern OverlayAdd Fish Texture with a Pattern Overlay

¡Antes de terminar, no podemos olvidar las adorables pecas de Dory! Sólo tienes que usar un Pincel circular definido (B) para pintar las pecas azules oscuras por toda la "nariz" de Dory. Usa una Herramienta borrador (E) para ayudar a fusionar las pecas en su piel.

Painting Dorys FrecklesPainting Dorys FrecklesPainting Dorys Freckles

6. Crea el fondo

Paso 1

Una de mis partes favoritas de este tutorial es el fondo. Es una técnica muy simple que se puede utilizar para casi cualquier ilustración.

Para los últimos pasos de esta ilustración, comienza buscando en línea imágenes de stock de arrecifes de coral submarinos. Aquí hay una foto de stock del fondo de mar gratis de Pixabay que usaré, pero también te recomiendo estas bonitas escenas de coral de Envato Market.

Un consejo:

Googlea algunas escenas de la película real y míralas de cerca. ¿Dónde tienden los animadores a colocar los personajes y cómo se ven los fondos en general? Prueba diferentes fotos de stock de coral como fondos hasta que encuentres uno que te encante.

Experiment with Free Stocks for Background for IllustrationsExperiment with Free Stocks for Background for IllustrationsExperiment with Free Stocks for Background for Illustrations
Todos estos son pruebas con fotos de stock gratuitos de Pixabay. ¿Cuál es tu favorito?

Paso 2

Coloca la foto de tu elección en el fondo debajo de todas tus capas de Dory. Usaré este hermoso fondo submarino. Primero voltea la imagen haciendo clic en Edición > Transformar > Voltear horizontal. Si necesitas cambiar el tamaño de la imagen para que se ajuste al lienzo, simplemente haz clic en Control+T para una Transformación libre. Cuando termines, asegúrate de que Dory todavía esté situada en el centro de la escena.

Flip Stocks for the Perfect BackgroundFlip Stocks for the Perfect BackgroundFlip Stocks for the Perfect Background

Paso 3

Para hacer que el fondo parezca una verdadera toma de la película, aplicaré un ligero Desenfoque gaussiano. Esto no solo ayudará a transmitir la idea de que Dory podría estar moviéndose, sino que también mostrará profundidad de campo y hará que el fondo se vea más lejos.

Selecciona la foto y ve a Filtro > Desenfocar > Desenfoque gaussiano. Cambia el Radio a 4 píxeles para aplicar este efecto. ¡Esta es la ilustración final!

Finding Dory Fan Art by Melody NievesFinding Dory Fan Art by Melody NievesFinding Dory Fan Art by Melody Nieves

¡Encontramos a Dory!

Su diseño dulce, pero simple, hace que Dory sea uno de los personajes más adorables que hay. Y puedes hacer que ella o cualquier personaje se vea real incorporando texturas fotográficas en tu trabajo.

Sé lo intimidante que puede ser la ilustración digital, pero si practicas esta técnica puedes lograr algunos ¡efectos muy realistas!

Espero que este tutorial te haya mostrado las increíbles posibilidades con esta increíble técnica.

Para más tutoriales como este, mira los siguientes:

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.
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.