Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Cómo crear una acción de Photoshop para convertir una foto en un dibujo

Scroll to top
Read Time: 7 min

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

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

Photoshop ofrece muchos filtros, pero los efectos fotográficos más potentes provienen de la combinación de varios trucos. En este tutorial, te mostraré cómo crear una acción de Photoshop para convertir una foto en arte, creando un efecto fotográfico genial de transición entre una foto y un dibujo. Aprenderás a crear un efecto de arte fotográfico que funciona como un filtro fotográfico: ¡podrás convertir una foto en arte con un solo clic!

Si quieres ahorrar tiempo, puedes encontrar varias acciones y filtros de Photoshop en Envato Elements y Envato Market.

Síguenos en nuestro canal de YouTube Envato Tuts+:

Cómo convertir una foto en un dibujo

Paso 1

Abre tu imagen (yo usé esta foto). Crea una Nueva capa y marca el área que quieres que sea afectada por la acción. Puedes seleccionarla y rellenarla con color, o usar un pincel difuso para pintarla. Nombra esta capa como Máscara. Haz clic en algún lugar fuera de las capas para deseleccionarlas. También pulsa D para restablecer los colores de fondo y primer plano.

Asegúrate de que tu primera capa se llama Fondo. Si no es así, ve a Capa > Nueva > Fondo a partir de capa.

draw a mask for selectiondraw a mask for selectiondraw a mask for selection

Paso 2

Abre el panel de Acciones (Ventana > Acciones) y haz clic en el icono de la tarjeta blanca para Crear una nueva acción. Dale un nombre y pulsa OK. Todas tus acciones a partir de ahora serán grabadas y guardadas.

how to create photoshop actionhow to create photoshop actionhow to create photoshop action

Paso 3

En primer lugar, asegurémonos de que la imagen es lo suficientemente grande, ya que los efectos de dibujo se ven mejor a alta resolución. Ve a Imagen > Tamaño de la imagen y hazla exactamente de 7000 px de ancho. Esto nos permitirá trabajar en una resolución mayor, aunque el tamaño original de la imagen sea menor.

how to change image size photoshophow to change image size photoshophow to change image size photoshop

Paso 4

Oculta la máscara. Mantén pulsado Control y haz clic en la miniatura de la máscara para crear una selección. A continuación, dirígete a la capa de Fondo y ve a Capa > Nueva > Capa vía Copiar (o pulsa Control-J).

new layer from selectionnew layer from selectionnew layer from selection

Paso 5

Crea una Nueva capa sobre el Fondo y ve a Edición > Rellenar para rellenarla de blanco.

fill layer with whitefill layer with whitefill layer with white

Paso 6

Duplica (Control-J) la Capa 1. Ve a Filtro > Desenfocar > Desenfoque inteligente. Cambia el Modo a Sólo los bordes. Ajusta la configuración para capturar principalmente los contornos, no las sombras. Haz clic en Aceptar.

photo to lines effectphoto to lines effectphoto to lines effect

Paso 7

Ve a Imagen > Ajustes > Invertir para invertir los colores. A continuación, ve a Imagen > Ajustes > Tono/Saturación y aumenta la Luminosidad para que las líneas sean tan claras como los típicos trazos de lápiz. Esta es nuestra primera capa del dibujo. Puedes detenerte aquí si quieres, pero si buscas el efecto de una transición, necesitaremos unas cuantas capas más.

how to turn photo into sketchhow to turn photo into sketchhow to turn photo into sketch

Paso 8

Duplica de nuevo la Capa 1 y arrástrala sobre la copia anterior. Esta vez, ve a Filtro > Galería de filtros. Ve a la pestaña Bosquejar y selecciona Estilográfica. Ajusta la configuración para crear un boceto claro.

sketch photo effectsketch photo effectsketch photo effect

Paso 9

Vuelve a hacer lo mismo, esta vez haciendo los trazos más densos.

photo into sketch filterphoto into sketch filterphoto into sketch filter

Paso 10

Ahora tenemos todas las capas que necesitamos para la transición, así que es el momento de crear la transición real. Duplica una de las capas y haz doble clic en ella para abrir el panel Estilo de capa. Marca la opción Superposición de degradado. Cambia el ángulo a unos 14 grados.

create gradient maskcreate gradient maskcreate gradient mask

Paso 11

Abre el degradado en blanco y negro y arrastra los marcadores para mantener el punto entre ellos a un tercio de la longitud. La parte negra marca el área que revelará la foto original. Cuanto más cerca estén los marcadores entre sí, más definida será la transición.

asjudt gradientasjudt gradientasjudt gradient

Paso 12

Duplica la capa, abre el panel Estilo de capa y arrastra los marcadores hacia la derecha, esta vez apuntando el punto a un 60% de la longitud.

change black and white gradientchange black and white gradientchange black and white gradient

Paso 13

Repítelo una vez más, esta vez apuntando a un 75% de la longitud. La parte blanca marca el lugar donde el arte lineal será visible.

create mask with gradientcreate mask with gradientcreate mask with gradient

Paso 14

Selecciona las tres capas, haz clic con el botón derecho del ratón y selecciona Rasterizar estilo de capa. Organiza el resto de las capas para mantener el principio de la transición en la parte superior. A continuación, ve al panel Canales y presiona Control + clic en el canal RGB para crear una selección.

how to make selection from channelhow to make selection from channelhow to make selection from channel

Paso 15

Selecciona la primera capa de la transición y añádele una Máscara de capa desde la selección.

add layer mask from channel selectionadd layer mask from channel selectionadd layer mask from channel selection

Paso 16

Haz lo mismo con las otras dos capas ocultando la máscara anterior para mostrar la otra como el canal RGB. Cuando ocultes la última máscara, verás que la transición ha quedado bien aplicada a tu imagen

create transition with maskscreate transition with maskscreate transition with masks

Paso 17

Podemos hacer una cosa más para que el dibujo sea más realista. Duplica la capa con el arte lineal, y cambia el Modo de fusión de la original a Multiplicar.

multiply the line artmultiply the line artmultiply the line art

Paso 18

Haz clic con el botón derecho del ratón en su máscara de capa para eliminarla, y luego mantén pulsado Control para seleccionar la máscara que esté más abajo en la lista y haz clic en Añadir máscara de capa.

add new layer mask from selectionadd new layer mask from selectionadd new layer mask from selection
new layer masknew layer masknew layer mask

Paso 19

Adicionalmente, podemos cambiar los colores a escala de grises para hacer que el efecto completo sea más convincente. Selecciona la capa original y ve a Imagen > Ajustes > Blanco y negro.

colors to black and whitecolors to black and whitecolors to black and white

Paso 20

Ahora simplemente haz clic en Detener grabación para guardar la acción.

stop recording actionstop recording actionstop recording action

Paso 21

Ya puedes utilizar esta acción en cualquier otra foto, para aplicar todos estos efectos con un solo clic. ¡Sólo tienes que abrir tu foto, dibujar la máscara y hacer clic en Reproducir!

Efectos fotográficos "Photo to Art" (Fotografía a arte)

Efecto fotográfico de obra de arte resplandeciente

¿Te gusta este efecto fotográfico? Photoshop es capaz de crear efectos mucho más complejos, pero que también requieren bastante tiempo. Si quieres ahorrar tiempo, puedes descargar acciones creadas por otras personas en Envato Elements.

Por ejemplo, esta acción convierte una foto en arte combinando un aspecto pictórico con acentos brillantes. Todo se hace automáticamente: sólo tienes que pulsar el botón de reproducción y dejar que la acción haga el trabajo.

glowing artwork photo effectglowing artwork photo effectglowing artwork photo effect
Efecto fotográfico de obra de arte resplandeciente

Acción de Photoshop tipo carboncillo

Este es otro efecto fotográfico genial. Esta acción contiene cinco estilos de efectos de arte fotográfico que convierten la foto en un dibujo a carboncillo. La acción viene con sus propios pinceles personalizados, pero no tienes que dibujar nada manualmente excepto la máscara para seleccionar el área como hicimos en nuestra acción.

Charcoal Photoshop ActionCharcoal Photoshop ActionCharcoal Photoshop Action
Acción de Photoshop tipo carboncillo

Acción de Photoshop de dibujo a mano

Esta acción de Photoshop funciona como un filtro de dibujo perfecto. Cambia los colores, añade un fondo similar al del papel, suaviza el sombreado y añade algo de textura que recuerda a los trazos del lápiz. Este efecto fotográfico funcionará muy bien para un estilo retro.

Hand Drawn Photoshop ActionHand Drawn Photoshop ActionHand Drawn Photoshop Action
Acción de Photoshop de dibujo a mano

Acción de Photoshop de dibujo de acuarela

Si quieres algo más simple, esta acción convierte la imagen en una obra de arte de acuarela pintada en el estilo fluido de una pintura en miniatura. Todo se simplifica, y los contornos de la foto se vuelven mucho más orgánicos y naturales. Por ello, ¡el efecto final es muy convincente!

Watercolor Sketch Photoshop ActionWatercolor Sketch Photoshop ActionWatercolor Sketch Photoshop Action
Acción de Photoshop de dibujo de acuarela

¡Buen trabajo!

Ya sabes cómo crear tu propia acción de Photoshop para crear una transición entre una foto y un dibujo. Si te ha gustado este tutorial, puede que también te interesen nuestros otros tutoriales sobre la creación y el uso de acciones:

how to turn photo into drawing with photoshophow to turn photo into drawing with photoshophow to turn photo into drawing with photoshop
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
One subscription. Unlimited Downloads.
Get unlimited downloads