Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Cómo crear una acción para conseguir un efecto de boceto con Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Spanish (Español) translation by Silvia González (you can also view the original English article)

Final product image
What You'll Be Creating

En este tutorial voy a enseñarte a cómo crear un efecto de boceto en Photoshop. Aprenderás cómo convertir tus fotos en fantásticos y avanzados bocetos. Intentaré explicar todo de manera detallada para que todo el mundo pueda crearlo, incluso aquellos que acaban de abrir Phoshop por primera vez.

El efecto mostrado en la izquierda es el que te voy a enseñar a crear con este tutorial. Si te gustaría crear el efecto mostrado a la derecha, un boceto con un efecto de pintura, y con un solo click, entonces échale un vistazo a mi acción para Photoshop TechnicalArt.

TechnicalArt Photoshop Action

Sigue con nosotros en nuestro canal de YouTube Envato Tuts+:

Lo que vas a necesitar

Para crear el diseño de arriba, vas a necesitar la siguiente foto:

1. Vamos a empezar

Primero, abre la foto con la que quieras trabajar. Para abrir tu foto, ve a Archivo > Abrir, elige tu foto, y click en Abrir. Ahora, antes de que empecemos, revisa un par de cosas:

  1. Tu foto debe estar en modo de color RGB, 8 Bits/Canal. Para verificar esto, ve a Imagen > Modo.
  2. Para un mejor resultado, el tamaño de tu foto debería ser entre 1500-4000 px ancho/alto. Para verificar esto, ve a Imagen > Tamaño de Imagen.
  3. Tu foto deberia estar en la capa de Fondo, si no lo está, ve a Capa > Nueva > Fondo desde Capa.
  4. Para hacer algunas auto-correcciones al tono de la foto, contraste y color, ve a Imagen >  Tono automático, Imagen > Contraste automático  e  Imagen >  Color automático.

Checking image size mode and making auto corrections

2. Cómo crear un fondo

Para el fondo vamos a usar un relleno de color sólido. Ve a Capa > Nueva Capa de Relleno > Color uniforme para crear una capa de relleno con un color sólido, llámala Color de Fondo y dale los valores siguientes:

Creating new solid color fill layer

3. Cómo crear el boceto base

Paso 1

Ahora vamos a crear el boceto base. Selecciona la Capa de Fondo y ve a Capa > Nueva > Capa Vía Copiar para duplicar la capa de Fondo y entonces arrastra esa nueva capa a la parte superior de las capas en el panel de Capas. Presiona D en tu teclado para restablecer las muestras y ve a Filtro > Galería de Filtros > bosquejo > Fotocopia y elige los siguentes parámetros:

Adding the sketch photocopy filter

Paso 2

Nombra esta capa como Boceto de Base y cambia el modo de fusión a Multiplicar.

Renaming layer to Base Sketch and changing its blending mode

4. Cómo crear un borrador de boceto

Paso 1

Ahora vamos a crear un borrador de boceto. Ve a Capa > Nueva > Capa Vía Copiar para duplicar la capa Boceto de Base. Selecciona la Herramienta Lazo (L), haz click en cualquier lugar dentro del lienzo, elige Transformación Libre e incrementa la anchura y altura a 105% como se muestra a continuación:

Transforming draft sketch layer

Paso 2

Nombra esta capa como Borrador de Boceto Grande y establece su Opacidad a 14%

Renaming layer to Large Draft Sketch and changing its opacity

Paso 3

Selecciona la capa Boceto Base y ve a Capa > Nueva > Capa Vía Copiar para duplicar la capa Boceto Base otra vez. Selecciona la Herramienta Lazo (L), haz click en cualquier parte dentro del lienzo, elige Transformación Libre y disminuye la anchura y altura a 95% como se muestra a continuación:

Transforming draft sketch layer

Paso 4

Nombra esta capa como Borrador de Boceto Pequeño y establece su opacidad a 14%

Renaming layer to Small Draft Sketch and changing its opacity

5. Cómo crear un boceto rugoso

Paso 1

Ahora vamos a crear un boceto rugoso. Selecciona la capa de Fondo y ve a Capa > Nueva > Capa Vía Copiar para duplicar la capa de Fondo, y entonces arrástrala para situarla encima de todas las capas, en el panel de Capas. Ve a Filtro > Galería de Filtros > Artísticos > Cuarteado y elige los parámetros que se muestran abajo:

Adding the artistic cutout filter

Paso 2

Ve a Filtro > Estilizar > Encontrar Bordes y entonces ve a Imagen > Ajustes > Desaturar

Stylizing and desaturating layer

Paso 3

Nombra esta capa como RS_1, cambia su modo de fusión a Subexponer Color y baja su Opacidad al 30%.

Renaming layer to RS_1 and changing its blending mode and opacity

Pasa 4

Ahora vamos a crear más capas de boceto rugoso usando el mismo método. Así que repite el Paso 1 y el Paso 2 de esta sección, pero en el Paso 1 en vez de usar los parámetros que usamos en esa ocasión, usa estos que se muestran a continuación:

Adding the artistic cutout filter

Paso 5

Nombra esta capa RS_2, cambia el modo de fusión a Subexponer Color, baja su Opacidad a 25% y arrástrala bajo la capa RS_1 para mantener un orden de capas correcto.

Renaming layer to RS_2 and changing its blending mode opacity and order

Paso 6

Repita otra vez el Paso 1 y el Paso 2 de este capítulo, pero en el Paso 1 en vez de usar los parámetros que usamos esa vez, usa los nuevos parámetros mostrados a continuación:

Adding the artistic cutout filter

Paso 7

Nombra esta capa RS_3, cambia el modo de fusión a Subexponer Color, baja su Opacidad a 20% y arrástrala bajo la capa RS_2 para mantener un orden de capas correcto.

Renaming layer to RS_3 and changing its blending mode opacity and order

Paso 8

Repite otra vez el Paso 1 y el Paso 2 de este capítulo, pero en el Paso 1 en vez de usar los parámetros que usamos previamente, usa los que se muestran a continuación:

Adding the artistic cutout filter

Paso 9

Nombra esta capa RS_4, cambia el modo de fusión a Subexponer Color, baja su Opacidad a 20% y arrástrala bajo la capa RS_3 para mantener un orden de capas correcto.

Renaming layer to RS_4 and changing its blending mode opacity and order

Paso 10

Repite otra vez el Paso 1 y el Paso 2 de este capítulo, pero en el Paso 1 en vez de usar los parámetros que usamos previamente, usa los parámetros que se muestran a continuación:

Adding the artistic cutout filter

Paso 11

Nombra esta capa RS_5, cambia el modo de fusión a Subexponer Color, baja su Opacidad a 18% y arrástrala bajo la capa RS_4 para mantener un orden de capas correcto.

Paso 12

Repite por una última vez el Paso 1 y el Paso 2 de este capítulo, pero en el Paso 1 en vez de usar los parámetros que usamos previamente, usa los que te mostramos a continuación:

Adding the artistic cutout filter

Paso 13

Nombra esta capa RS_6, cambia el modo de fusión a Subexponer Color, baja su Opacidad a 7% y arrástrala bajo la capa RS_5 para mantener un orden de capas correcto.

Renaming layer to RS_6 and changing its blending mode opacity and order

Paso 14

Ahora vamos a agrupar todas esta capas de boceto rugoso. Mientras la capa RS_6 está seleccionada, haz Shift-click en la capa RS_1 para seleccionar estas dos capas y todas las demás que se encuentran entre ambas. Entonces ve a Capa > Nueva > Grupo a partir de Capas para crear un nuevo grupo a partir de las capas seleccionadas. Renómbralo como Boceto Rugoso.

Creating new group from selected layers named Rough Sketch

6. Cómo crear el sombreado

Paso 1

Ahora vamos a crear un sombreado sutil. Selecciona la capa Fondo y ve a Capa > Nueva > Capa Vía Copiar para duplicar la capa de Fondo. Entonces arrástrala arriba sobre las demás capas en el panel Capas. Ve a Filtro > Estilizar > Hallar Bordes y entonces ve a Imagen > Ajustes > Desaturar.

Stylizing and desaturating layer

Paso 2

Ve a Filtro > Galería de Filtros > Trazos de Pincel > Trazos Angulares y selecciona los parámetros que se muestran abajo:

Adding the brush strokes angled strokes filter

Paso 3

Nombra esta capa como Shading_1, cambia su modo de fusión a Multiplicar y baja su Opacidad a 12%.

Renaming layer to Shading_1 and changing its blending mode and opacity

Paso 4

Ahora repite el Paso 1 de este capítulo, entonces ve a Filtro > Trazos de Pincel > Sombreado y selecciona los parámetros que se muestran abajo:

Adding the brush strokes crosshatch filter

Paso 5

Nombra esta capa como Shading_2, cambia el modo de fusión a Multiplicar, baja su Opacidad a 5% y arrástrala bajo la capa Shading_1 para mantener un orden de capas correcto.

Renaming layer to Shading_2 and changing its blending mode and opacity

7. Cómo añadir ruido

Paso 1

En este paso, vamos a añadir algo de ruido a tu boceto. Selecciona la capa Shading_1 y ve a Capa > Nueva > Capa para crear una nueva capa. Llámala Ruido.

Creating new layer named Noise

Paso 2

Ahora haz click en la letra D de tu teclado para restablecer las muestras, ve a Editar > Rellenar y usa los parámetros que se muestran a continuación:

Filling Noise layer with foreground color

Paso 3

Ve a Filtro > Ruido > Añadir Ruido y elige los siguientes parámetros:

Adding noise filter to the noise layer

Paso 4

Ahora cambia el modo de fusión de la capa a Pantalla y disminuye su Opacidad a 64%

Changing Noise layer blending mode and opacity

Cómo crear la apariencia de color

Paso 1

Ahora vamos a darle un bonito toque de color a nuestro boceto. Ve a Capa > Nueva capa de ajustes > Curvas para crear una capa nueva de ajustes de curvas y llámala Color look.

Creating new curves adjustment layer

Paso 2

Haz doble click en la miniatura de esta capa e ingresa la siguiente configuración:

Changing settings of Color Look layer

9. Cómo hacer los ajustes finales

Paso 1

Ahora vamos a hacer los ajustes finales de nuestro boceto. Ve a Capa > Nueva Capa de Ajuste > Filtro de Fotografía para crear una capa de ajuste de filtro de foto y nómbrala Photo Tint.

Creating new photo filter adjustment layer

Paso 2

Haz doble click en la miniatura de esta capa y selecciona los siguientes parámetros:

Changing settings of Photo Tint layer

Paso 3

Ahora vamos a añadir contraste. Presiona D en tu teclado para reestablecer las muestras y ve a Capa > Nueva Capa de Ajustes > Mapa de Degradado para crear una nueva capa de ajuste de mapa de degradado y llámala Overall Contrast.

Creating new gradient map adjustment layer

Paso 4

Cambia el modo de fusión de esta capa a Luz Suave y baja la Opacidad al 18%.

Changing overall contrast layer blending mode and opacity

Paso 5

Ahora vamos a añadir intensidad y saturación. Ve a Capa > Nueva Capa de Ajustes > Intensidad para crear un a nueva capa de ajuste de intensidad y llámala Overall Vibrance/Saturation.

Creating new vibrance adjustment layer

Paso 6

Haz doble click en la miniatura de esta capa y elige los parámetros siguientes:

Changing settings of Overall VibranceSaturation layer

Paso 7

Ahora vamos a incrementar las iluminaciones ligeramente. Ve a Capa > Nueva > Niveles para crear una nueva capa de ajuste de niveles y llámala Overall Brightness.

Creating new levels adjustment layer

Paso 8

Haz doble click en la miniatura de esta capa y elige los siguientes parámetros:

Changing settings of Overall Brightnes layer

Paso 9

Ahora vamos a añadir nitidez. Presiona Control-Alt-Mayúsculas-E en tu teclado para hacer una captura de pantalla. Ve a Filtro > Otro > Paso Alto y elige los parámetros que se muestras a continuación:

Adding high pass filter

Paso 10

Nombra esta capa Overall Sharpening, cambia su modo de fusión a Luz Fuerte, y disminuye la Opacidad a 76%..

Renaming layer to overall sharpening and changing its blending mode and opacity

¡Lo lograste!

¡Felicidades, lo has conseguido! Aquí está tu resultado final:

Final result

Personaliza tus resultados

Ahora puedes personalizar el efecto final. Te voy a dar unos cuantos consejos:

  • Selecciona la capa Background Color, haz doble click en su miniatura, y dentro del panel Selector de Color elige algún otro color. Haz click en OK.
  • Selecciona algunas de las capas del boceto y juega con sus opacidades para crear diferentes efectos.
  • Selecciona la capa Color Look, haz doble click en su miniatura, y dentro del panel Propiedades cambia la configuración para una diferente apariencia de color.
  • Selecciona la capa Photo Tint, haz doble click en su miniatura, y dentro del panel Propiedades cambia la configuración para una diferente apariencia de color.
  • Selecciona la capa Overall Contrast y cambia su opacidad para ajustar el contraste.
  • Selecciona la capa Overall Vibrance/Saturation, haz doble click en su miniatura, y dentro del panel Propiedades juega con los valores de Intensidad y Saturación para crear diferentes resultados.
  • Selecciona la capa Overall Brightness, haz doble click en su miniatura, y cambia la configuración para ajustar el brillo.
  • Selecciona la capa Overall Sharpening, y cambia su opacidad para ajustar la cantidad de enfoque.

Esto es lo que conseguí:

Customized final result

¡Fabuloso trabajo!

Se te gustaría crear un boceto más avanzado con un efecto de pintura como se muestra más abajo, y simplemente haciendo un solo click, entonces échale un vistazo a mi Acción para Photoshop TechnicalArt.

Action final result

La acción funciona para que sólo pases el pincel sobre las áreas que quieres pintar, reproduce la acción, y la acción hará todo por ti, dándote resultados personalizables y en capas. 

Cada vez que ejecutes la acción, obtendrás una variación de pintura única incluso si pasa el pincel por las mismas áreas. La acción creará 15 estilos de color preestablecidos para tí, así como texturas de lienzo, semitonos y cuadrículas. Viene con un detallado videotutorial que se muestra cómo usar y customizar la apariencia de tu acción para conseguir lo mejor del efecto.

Action final results

También puedes conseguir este artículo en un paquete y ahorrar un 50%. Consulta mi paquete de acciones artísticas de Photoshop 4 en 1.

¿Quieres apender más? Échale un vistazo a los siguientes tutoriales de efectos de boceto:

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.