Scroll to top

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

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

El verano [casi] terminó, pero las fotos de las vacaciones pueden mantener vivo el recuerdo de él. Pero no necesitas limitarte a únicamente mirar éstas fotos-¡puedes usar algunas de ellas para crear una hermosa fotomanipulación!

En éste tutorial, te mostraré cómo crear una sirena en Adobe Photoshop usando sólamente dos fotos de stock. Aprenderás cómo modificarlas, ajustarlas y combinarlas para crear una consistente y realista imagen de algo irreal. ¡Te mostraré los trucos que puedes usar en otras fotomanipulaciones también!

Recursos del Tutorial

Para completar éste tutorial, necesitarás los siguientes recursos:

1. Prepara los Recursos

Paso 1

Debido a que vamos a querer agregar una cola larga en el lugar de las piernas, la composición de la foto cambiará. Por eso necesitamos cortarla para una apariencia más equilibrada. Usa la Herramienta Recortar (C) para crear un marco adecuado.

how to crop a stock photohow to crop a stock photohow to crop a stock photo

Paso 2

Mientras más grande sea la foto, más detalles podrán encajar en ella. Ve a Imagen > Tamaño de Imagen para hacer la resolución razonablemente grande.

change size in photoshopchange size in photoshopchange size in photoshop

Paso 3

Ahora necesitamos aislar los otros recursos. Abre la foto del Pez en Photoshop y usa la Herramienta Pluma (P) para seleccionarla. Si no sabes cómo usar ésta herramienta, puedes aprenderlo rápidamente de éstos materiales:

fish stock photofish stock photofish stock photo

Paso 4

Convierte el trazado en una selección con Control-Enter, y luego Selección > Invertir para eliminar el fondo.

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

Paso 5

Usa la Herramienta Pluma (P) de nuevo para segmentar el pez en elementos separados que podríamos necesitar. Mantenlas todas en capas separadas.

how to cut a stock photohow to cut a stock photohow to cut a stock photo

Paso 6

Usa la Herramienta Parche (J) para hacer el cuerpo más uniforme.

how to fix a stock photohow to fix a stock photohow to fix a stock photo

Paso 7

Vamos a usar el cuerpo para una cola, pero es muy corto. Hagámoslo más largo: usa la Herramienta Marco Rectanglar (M) y la Herramienta Mover (M) para dividir el cuerpo en tres piezas con algo de espacio entre ellas. Mantenlas en la misma capa.

how to make fish body longerhow to make fish body longerhow to make fish body longer

Usa la Herramienta Marco Rectangular (M) de nuevo para seleccionar el área entre las dos piezas.

how to use content aware fill for multiple selectionshow to use content aware fill for multiple selectionshow to use content aware fill for multiple selections

Ve a Edición > Rellenar y selecciona Según el Contenido. Presiona OK.

how to create scales where theres nonehow to create scales where theres nonehow to create scales where theres none

Haz lo mismo con la otra área.

how to modify a stock photo for your needshow to modify a stock photo for your needshow to modify a stock photo for your needs

También puedes usar la Herramienta Parche para limpiar el cuerpo, pero realmente no necesita ser perfecto.

how to clean a photo with the patch toolhow to clean a photo with the patch toolhow to clean a photo with the patch tool

Paso 8

Duplica (Control-J) el cuerpo, y arrastra la copia justo sobre el original.

how to duplicate layers in photoshophow to duplicate layers in photoshophow to duplicate layers in photoshop

Paso 9

Utiliza una Máscara de Capa para combinar las capas. Puedes aprender más sobre ello del Consejo Rápido: Máscara de Capa vs la Herramienta Borrador en Adobe Photoshop. Si no quieres aprender eso, siempre puedes usar mejor la Herramienta Borrador (E). La Máscara de Capa es simplemente más versátil y te permite "deshacer el borrado" en las partes ya borradas.

how to blend layers in adobe photoshophow to blend layers in adobe photoshophow to blend layers in adobe photoshop

Paso 10

Selecciona ambas capas y Combínalas (Control-E). Usa la Herramienta Parche (J) si es necesario.

how to use the pacth toolhow to use the pacth toolhow to use the pacth tool

Paso 11

Repite los pasos previos tantas veces como sea necesario para crear una "textura" grande de escamas. Cópiala.

how to create scales pattern photoshophow to create scales pattern photoshophow to create scales pattern photoshop

2. Coloca todos los Elementos en Sus Lugares

Paso 1

Pega el cuerpo del pez en el archivo principal. Disminuye su Opacidad para ver lo que hay detrás. Luego ve a Edición > Transformación Libre (Control-T) y redimensiona/rota la textura para cubrir las piernas.

how to add an element to a picturehow to add an element to a picturehow to add an element to a picture

Paso 2

Sin presionar Enter, cambia el modo a Deformar. Arrastra los manejadores alrededor para ajustar la forma a la perspectiva de la parte inferior del cuerpo.

how to use the free transform toolhow to use the free transform toolhow to use the free transform tool

Paso 3

Usa la Máscara de Capa (o la Herramienta Borrador) para limpiar la forma.

how to use a layer maskhow to use a layer maskhow to use a layer mask

Paso 4

Puedes pintar escamas individuales para crear una transición más natural.

how to paint scales from photohow to paint scales from photohow to paint scales from photo

Paso 5

Antes de añadir el resto de la cola, necesitamos descubrir donde ponerla. La foto de fondo dicta alguna clase de perspectiva, y necesitamos seguirla para crear una escena convincente. Puedes bosquejar la cola en una nueva capa, pero no es necesario-puedes simplemente "verla" con tu imaginación.

how to draw a fish tail in perspectivehow to draw a fish tail in perspectivehow to draw a fish tail in perspective

Paso 6

Pega las escamas una vez más y usa la Herramienta Marco Rectangular (M) para crear una selección rectangular. Cópiala y pégala.

how to cut a part of a texturehow to cut a part of a texturehow to cut a part of a texture

Paso 7

Duplica (Control-J) el rectángulo. Oculta la original para más adelante y modifica la copia con la Herramienta Transformación Libre (Control-T) para "pegar" el rectángulo a la cola en perspectiva. Manten presionada la tecla Control para arrastrar los vértices por separado.

hopw to position a texturehopw to position a texturehopw to position a texture

Paso 8

Cuando termines, duplica de nuevo la original para crear otra parte.

how to create a texture out of small partshow to create a texture out of small partshow to create a texture out of small parts

Repite el proceso a lo largo de la cola.

how to create a bending in texturehow to create a bending in texturehow to create a bending in texture

Puedes pegar una área más grande de escamas una vez que llegues a una parte más plana.

how to cover a fish tail with scaleshow to cover a fish tail with scaleshow to cover a fish tail with scales

Paso 9

Usa una Máscara de Capa para limpiar los bordes entre las capas. Luego Combínalas todas y usa de nuevo una Máscara de Capa para darle la forma de una cola.

how to use layer mask for cleaninghow to use layer mask for cleaninghow to use layer mask for cleaning

Paso 10

Agrega algunas escamas al lado de la cola también. Combínala con el resto de la cola...

how to complete the tailhow to complete the tailhow to complete the tail

...luego usa una Máscara de Capa para crear un borde entre la cola y el agua.

how to use layer mask instead of eraserhow to use layer mask instead of eraserhow to use layer mask instead of eraser

Paso 11

Pega la aleta en el archivo. Usa la Herramienta Transformación Libre (Control-T) para colocar la aleta.

Paso 12

Ve a Filtro > Licuar y usa la Herramienta Deformar hacia Adelane (W) para ajsutar la base de la aleta a la anchura de la cola.

how to use liquify toolhow to use liquify toolhow to use liquify tool

Usa una Máscara de Capa si es necesario para combinar mejor la aleta.

how to use layer mask for blendinghow to use layer mask for blendinghow to use layer mask for blending

Paso 13

Ve a Modo Máscara Rápida (Q) y pinta sbre una parte del bra para seleccionarlo. Sal del modo (Q) y ve a Selección > Invertir.

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

Paso 14

Ve a Edición > Rellenar y selecciona Según el Contenido.

how to use content aware fillhow to use content aware fillhow to use content aware fill

Ajusta el resultado manualmente usando la Herramienta Parche (J).

how to fix area with the patch toolhow to fix area with the patch toolhow to fix area with the patch tool

Usa éste truco en el bra hasta que llegue a ser invisible. El efecto no necesita ser perfecto, a menos que quieras dejar descubierto el pecho.

how to remove bra in photoshophow to remove bra in photoshophow to remove bra in photoshop

Paso 15

Creemos un "corset"  de las escamas para evitar desnudez innecesaria. Usa la Herramienta Transformación Libre y una Máscara de Capa para lograr tal efecto en el lado.

how to create a corsethow to create a corsethow to create a corset
how to blend a corsethow to blend a corsethow to blend a corset

Paso 16

Las escamas en el pecho deberían ser redondas, así que necesitamos trabajar en la textura un poco. Usa la Herramienta Marco Elíptico (M) y manten presionada la tecla Mayúsculas para seleccionar un círculo. Invierte la selección y corta la parte redundante.

how to distort scale texturehow to distort scale texturehow to distort scale texture

Paso 17

Manten presionada la tecla Control y haz click en la miniatura de la capa para mantenerla seleccionada. Ve a Filtro > Distorsionar > Esferizar y usa 100% para la Cantidad.

how to use spherize filterhow to use spherize filterhow to use spherize filter
spherize filter usedspherize filter usedspherize filter used

Paso 18

Duplica (Control-J) el círculo, y usa los trucos con los que ya estás familiarizado para ajustar ambas copias al pecho.

how to change circle with free transfomr toolhow to change circle with free transfomr toolhow to change circle with free transfomr tool
how to blend with a layer maskhow to blend with a layer maskhow to blend with a layer mask
how to make blending more detailedhow to make blending more detailedhow to make blending more detailed
raw photo manipulationraw photo manipulationraw photo manipulation

3. Haz la Escena Más Atractiva

Paso 1

Pega las escamas y modifica su forma para arreglar la perspectiva de la cola. Usa una Máscara de Capa para limpiar la forma.

how to create tail underwaterhow to create tail underwaterhow to create tail underwater

Paso 2

Haz doble-click en la capa para abrir la ventana Estilo de Capa. Experimenta con el regulador inferior de Fusionar si es para cubrir la cola con reflejos. Manten presionada la tecla Alt para dividir el marcador para un efecto más natural. Puedes aprender más sobre ésta herramienta de Consejo Rápido: La Magia de Fusionar Si es de Photoshop.

how to use blend if underwaterhow to use blend if underwaterhow to use blend if underwater

Usa una Máscara de Capa también para hacer la parte sumergida menos visible.

how to create a simple water reflecitonhow to create a simple water reflecitonhow to create a simple water refleciton

Paso 3

Pega una aleta de nuestro pez y agrégala a los lados.

how to add fins to a sirenhow to add fins to a sirenhow to add fins to a siren
how to place one fin on the sidehow to place one fin on the sidehow to place one fin on the side
how to place the other finhow to place the other finhow to place the other fin

Paso 4

Agrega las otras aletas y únelas debajo del homóplato, como si fueran una especie de ala.

how to add additional finshow to add additional finshow to add additional fins
how to change shape of finshow to change shape of finshow to change shape of fins
how to erase the finshow to erase the finshow to erase the fins

Paso 5

Usa una Máscara de Capa para hacer las aletas parcialmente transparentes y por lo tanto delgadas en apariencia.

how to make fins transparent in photoshophow to make fins transparent in photoshophow to make fins transparent in photoshop

4. Combina los Elementos

Paso 1

Selecciona la capa superior de la cola y abre Ventana > Ajustes. Selecciona Tono/Saturación.

how to add an adjustment in photoshophow to add an adjustment in photoshophow to add an adjustment in photoshop

Recorta el ajuste con la capa de abajo (Control-Atl-G). Luego experimenta con los reguladores para crear una versión más oscura de la capa-solo cómo se vería en la sombra.

how to clip an adjustmenthow to clip an adjustmenthow to clip an adjustment

Paso 2

La capa de ajuste tiene su propia Máscara de Capa adjunta. Úsala para combinar el efecto y mantenerlo en la sombra. Sigue la iluminación en el cuerpo para lograr resultados adecuados.

how to adjust adjustment with a layer maskhow to adjust adjustment with a layer maskhow to adjust adjustment with a layer mask

Paso 3

Puedes duplicar la capa de ajuste tantas veces como quieras, obteniendo un sombreado más oscuro cada vez.

how to shade using adjustmentshow to shade using adjustmentshow to shade using adjustments

Paso 4

Sombrea todos los elementos.

how to shade photo manipulationhow to shade photo manipulationhow to shade photo manipulation

Paso 5

Éste es un buen momento para decidir si quieres cambiar colores. Puede hacerse fácilmente con otra capa de Tono/Saturación. Marca Colorear para mejores resultados.

how to colorize photohow to colorize photohow to colorize photo

También puedes añadir unas cuantas capas Colorear para cada parte, y luego combinar los colores usando una Máscara de Capa.

how to change colors in photohow to change colors in photohow to change colors in photo

Paso 6

Agreguemos las iluminaciones ahora. Agrega otro ajuste de Tono/Saturación y hazlo más brillant/más azulado.

how to add highlights in photohow to add highlights in photohow to add highlights in photo

Usa una Máscara de Capa para mantener ésta área en la luz.

how to add highlights with adjustmentshow to add highlights with adjustmentshow to add highlights with adjustments

Puedes agrega una versión aún más brillante de éste ajuste arriba para hacer el borde más claro.

how to make fish brighterhow to make fish brighterhow to make fish brighter
how to shade and lighten a photohow to shade and lighten a photohow to shade and lighten a photo

Paso 7

Puedese usar el mismo método para sombrear partes del cuerpo. Solo ten cuidado con seleccionarlas, ¡porque todas son parte del fondo!

how to shade model in photro manipulationhow to shade model in photro manipulationhow to shade model in photro manipulation

5. Ajusta los Elementos con el Entorno

Paso 1

Copia las ondas del fondo usando la Herramienta Lazo (L).

how to copy waterhow to copy waterhow to copy water

... y pégalas sobre ambas partes sumergidas de la cola.

how to place waterhow to place waterhow to place water

Paso 2

Usa una Máscara de Capa para combinarlas en el resto del agua.

how to add ripples in photo manipulationhow to add ripples in photo manipulationhow to add ripples in photo manipulation

Paso 3

Agreguemos algunas iluminaciones para hacer que las escamas luzcan metálicas. Agrega una Nueva Capa sobre la cola, recórtala (Control-Atl-G) y usa un pincel difuso para pintar un trazo largo.

how to add additional highlightshow to add additional highlightshow to add additional highlights

Paso 4

Cambia el Modo de Fusión a Superponer.

how to use blend modes for highlightshow to use blend modes for highlightshow to use blend modes for highlights

Paso 5

Haz doble-click en la capa y experimenta con sus parámetros de Fusionar si es para dar las iluminaciones a las partes más brillantes.

how to use blend if for highlightshow to use blend if for highlightshow to use blend if for highlights

Paso 6

Agrega éste efecto a todas las partes con escamas. También puedes usar una Máscara de Capa para hacer las iluminaciones más naturales. Para hacer el efecto metálico aún más intenso, puedes oscurecer más las sombras.

how to sue layer mask for highlightshow to sue layer mask for highlightshow to sue layer mask for highlights

Paso 7

El color reflejado es otro factor importante que hace que los elementos luzcan como si estuvieran realmente uno junto a otro. Usa un ajuste de Tono/Saturación para dar un color de piel a algunas de las escamas. Luego limita el área con una Máscara de Capa.

how to add reflected color to phot manipulationhow to add reflected color to phot manipulationhow to add reflected color to phot manipulation
photo with reflected color addedphoto with reflected color addedphoto with reflected color added

Paso 8

Manten presionada la tecla Control y haz click en la miniatura de la capa inferior de la cola para hacer una selección de ella. Usa ésta selección para copiar una parte del fondo.

how to add additional reflection to a tailhow to add additional reflection to a tailhow to add additional reflection to a tail

Pégala sobre la cola.

how to copy waterhow to copy waterhow to copy water

Paso 9

Usa Filtro > Licuar para perturbar el agua.

how to distort water reflectionhow to distort water reflectionhow to distort water reflection

Paso 10

Usa una Máscara de Capa para combinarla en la cola. El reflejo debería ser lo más intenso en los bordes.

how to blend reflection into objecthow to blend reflection into objecthow to blend reflection into object

Paso 11

Tenemos muchas capas ahora, así que continúa y combina (Control-E) las que ya forman un grupo (por ejemplo, una capa con todos sus ajustes recortados).

Entra en el Modo Máscara Rápida (Q) y usa un pincel difuso para seleccionar los bordes de un elemento.

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

Paso 12

Crea e invierte la selección, y luego ve a Filtro > Desenfocar > Desenfoque Gaussiano. Haz los bordes tan desenfocados como el cuerpo

how to sue gaussian blurhow to sue gaussian blurhow to sue gaussian blur

Paso 13

Haz lo mismo con todos los elementos pegados.

how to use gaussian blur in photo manipulationhow to use gaussian blur in photo manipulationhow to use gaussian blur in photo manipulation

Paso 14

La parte inferior de la cola está ligeramente más lejos de nosotros, así que no debería estar tan enfocada. Ve a Filtro > Desenfocar > Cambio de Inclinación y experimenta con sus parámetros para hacerla encajar en el fondo desenfocado.

how to use tilt shift for blurringhow to use tilt shift for blurringhow to use tilt shift for blurring
tilt shift filter appliedtilt shift filter appliedtilt shift filter applied

6. Agrega Toques Finales

Paso 1

Copia la parte superior de la cola y ve a Edición > Transformar > Voltear Vertical. Colócala debajo de su capa original. Usa la Herramienta Transformación Libre (Control-T) para ajustarla a la perspectiva. Combínala con una Máscara de Capa.

how to add reflection in waterhow to add reflection in waterhow to add reflection in water
how to adjust reflection with layer maskhow to adjust reflection with layer maskhow to adjust reflection with layer mask

Paso 2

Usa la Herramienta Lazo (L) para seleccionar un área entre la parte inferior de la cola y el agua. La forma real no es importante. Duplica la selección.

how to select with the lasso toolhow to select with the lasso toolhow to select with the lasso tool

Paso 3

Usa el filtro Licuar para crear ondas.

how to create ripples with liquify filterhow to create ripples with liquify filterhow to create ripples with liquify filter

Combínala con una Máscara de Capa.

how to blend rippleshow to blend rippleshow to blend ripples

Paso 4

Puedes sombrear la piel al agregar dos ajustes a la capa de fondo. Para hacerlo más realista, puedes agregar Filtro > Ruido > Añadir Ruido a ambos.

how to shade skin without airbrushing effecthow to shade skin without airbrushing effecthow to shade skin without airbrushing effect

Paso 5

Casi terminamos. Echa un vistazo a tu diseño y usa todos los métodos que has aprendido para aplicar cualquier arreglo necesario. Cuando estés seguro que no quieres cambiar nada más, guárdalo como un nuevo archivo, haz click-derecho en las capas, y selecciona Acoplar Imagen.

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

Paso 6

Usa la Herramienta Recortar (C) para obtener más espacio en la izquierda y arriba. Hazlo ligeramente excesivo.

how to crop photo manipulationhow to crop photo manipulationhow to crop photo manipulation

Paso 7

Usar la Herramienta Marco Rectangular (M) para seleccionar el área vacía en la izquierda. Usa Rellenar según Contenido en ella, y luego haz lo mismo con la de arriba. Una vez que esté lleno, usa la Herramienta Parche (J) para hacer las juntas menos obvias.

how to make a photo biggerhow to make a photo biggerhow to make a photo bigger

Paso 8

Recorta la foto una vez más para crear el marco final.

how to crop a final framehow to crop a final framehow to crop a final frame

Paso 9

Ve a Filtro > Ruido > Añadir Ruido para hacer la imagen más uniforme.

how to add noise to a final imagehow to add noise to a final imagehow to add noise to a final image

Paso 10

Ve a Imagen > Tamaño de Imagen para convertir el diseño al tamaño final. Mientras más pequeña es, más intensa la ilusión.

how to change image sizehow to change image sizehow to change image size

Paso 11

Puedes agregar un ajuste de Equilibrio de Color para cambiar rápidamente la atmósfera de la imagen. También puedes añadir Filtro >Enfocar > Enfocar el diseño para unificar todos los elementos y hacer más claro el motivo de la escama.

how to sharpen an imagehow to sharpen an imagehow to sharpen an image

¡Buen Trabajo!

¿Te gusto éste tutorial? Consulta otros magníficos recursos en nuestro sitio:

how to create a realistic mermaid siren photo manipulation in photoshophow to create a realistic mermaid siren photo manipulation in photoshophow to create a realistic mermaid siren photo manipulation in photoshop