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.

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:

• Imagen

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.

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:

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:

Paso 2

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

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:

Paso 2

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

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:

Paso 4

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

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:

Paso 2

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

Paso 3

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

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:

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.

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:

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.

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:

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.

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:

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:

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.

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.

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.

Paso 2

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

Paso 3

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

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:

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.

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.

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:

Paso 3

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

Paso 4

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

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.

Paso 2

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

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.

Paso 2

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

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.

Paso 4

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

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.

Paso 6

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

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.

Paso 8

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

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:

Paso 10

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

¡Lo lograste!

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

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í:

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

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.

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:

• Efectos para foto
  Photoshop en 60 segundos: Cómo crear un efecto de boceto fácil con acciones
  Melody Nieves
• Acciones de Photoshop
  Cómo crear un boceto versus un efecto de cámara en Adobe Photoshop
  John Negoita
• Efectos para textos
  Cómo crear una acción de efecto de boceto de texto en Adobe Photoshop
  Anderson Luiz
• Acciones de Photoshop
  Cómo crear una acción de efecto de boceto coloreado a lápiz en Adobe Photoshop
  Marko Kožokar
• Efectos para fotos
  Las 25 mejores acciones para Photoshop para pasar de foto a dibujo a lápiz
  Melody Nieves