Spanish (Español) translation by Marsel Toussaint (you can also view the original English article)
En este tutorial voy a enseñarte a Cómo Hacer un Efecto Boceto de Photoshop. Aprenderás Cómo Hacer un Sketch fantástico desde una foto mediante una acción Photoshop. Intentaré explicar todo de manera detallada para que todo el mundo pueda crearlo, incluso aquellos que acaban de abrir Photoshop por primera vez.
El efecto mostrado en el lado izquierdo es el que te voy a enseñar a crear con este tutorial. Si quisieras crear el efecto mostrado a la derecha, un boceto con un efecto de pintura, y con un solo clic, entonces revisa mi acción Photoshop TechnicalArt en Envato Elements o como paquete en GraphicRiver.
Síguenos en nuestro canal de Envato Tuts+ en YouTube:
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 haz clic en Abrir. Ahora, antes de que empecemos, revisa un par de cosas:
- Tu foto debe estar en modo de color RGB, 8 Bits/Canal. Para verificar esto, ve a Imagen > Modo.
- 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.
- Tu foto debería estar en la capa de Fondo, si no lo está, ve a Capa > Nueva > Capa a partir de fondo.
- Para hacer algunas correcciones automáticas 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 el 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 Hacer un Boceto Base
Paso 1
Ahora de guiaré sobre cómo hacer un sketch 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 > Bosquejar > Fotocopia y elige los siguientes parámetros:
Paso 2
Nombra esta capa como Boceto Base y cambia el modo de fusión a Multiplicar.
4. Cómo Hacer un Borrador de Efecto Sketch
Paso 1
Ahora vamos a crear un borrador de Efecto Scketch. Ve a Capa > Nueva > Capa vía copiar para duplicar la capa Boceto Base. Selecciona la herramienta Lazo (L), haz clic 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 en 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 clic 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 en 14%
5. Cómo Hacer un Efecto Sketch Áspero en Photoshop
Paso 1
Ahora veremos Cómo Hacer un Sketch áspero. 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 > Hallar 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%.
Paso 4
Ahora vamos a crear más capas del Efecto Sketch en Photoshop áspero 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
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 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 en el Efecto Boceto Photoshop.
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 estas capas de boceto áspero. Mientras la capa RS_6 está seleccionada, aplica la combinación Mayúsculas-clic 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 áspero.
6. Cómo Hacer un Sombreado de Sketch en Photoshop
Paso 1
Ahora vamos a crear un sombreado sutil para el Efecto Sketch Photoshop. 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 Sombreado_2, cambia el modo de fusión a Multiplicar, baja su Opacidad a 5%y arrástrala bajo la capa Sombreado_1 para mantener un orden de capas correcto.
7. Cómo Agregar Ruido a tu Efecto de Boceto en Photoshop
Paso 1
En este paso, vamos a agregar algo de ruido a tu Adobe Photoshop sketch. Selecciona la capa Sombreado_1 y ve a Capa > Nueva > Capa para crear una nueva capa. Llámala Ruido.
Paso 2
Ahora haz clic 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 > Agregar ruido y elige los siguientes parámetros:
Paso 4
Ahora cambia el modo de fusión de la capa a Trama y disminuye su Opacidad a 64%
8. Cómo Crear el Aspecto de Color en tu Filtro Sketch de Photoshop
Paso 1
Ahora vamos a darle un bonito toque de color a nuestro Adobe Photoshop Sketch. 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 clic en la miniatura de esta capa e ingresa la siguiente configuración:
9. Cómo Hacer los Ajustes Finales en el Efecto Boceto de Photoshop
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 Tinte de Foto.
Paso 2
Haz doble clic en la miniatura de esta capa y selecciona los siguientes parámetros:
Paso 3
Ahora vamos a agregar contraste. Presiona D en tu teclado para restablecer las muestras y ve a Capa > Nueva capa de ajuste > Mapa de degradado para crear una nueva capa de ajuste de mapa de degradado y llámala Contraste General.
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 ajuste > Intensidad para crear una nueva capa de ajuste de intensidad y llámala Intensidad General/Saturación.
Paso 6
Haz doble clic en la miniatura de esta capa y elige los parámetros siguientes:
Paso 7
Ahora vamos a incrementar las iluminaciones ligeramente en el Efecto Boceto de Photoshop. Ve a Capa > Nueva > Niveles para crear una nueva capa de ajuste de niveles y llámala Brillo General.
Paso 8
Haz doble clic en la miniatura de esta capa y elige los siguientes parámetros:
Paso 9
Ahora vamos a agregar 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 muestran a continuación:
Paso 10
Nombra esta capa Agudización General, cambia su modo de fusión a Luz fuerte, y disminuye la Opacidad a 76%.
¡Lo Lograste!
¡Felicidades, lo has conseguido! Ahora sabes Cómo Hacer un Boceto mediante un Efecto en Adobe Photoshop Sketch. Aquí está tu resultado final:
Personaliza los Resultados de tu Adobe Photoshop Sketch
Ahora que aprendiste Cómo Hacer un Sketch desde una foto, puedes personalizar el efecto final. Te voy a dar unos cuantos consejos:
- Selecciona la capa Color de Fondo, haz doble clic en su miniatura, y dentro del panel Selector de Color elige algún otro color. Haz clic en OK.
- Selecciona algunas de las capas del boceto y juega con sus opacidades para crear diferentes efectos.
- Selecciona la capa Aspecto de Color, haz doble clic en su miniatura, y dentro del panel Propiedades cambia la configuración para una diferente apariencia de color.
- Selecciona la capa Tinte de Foto, haz doble clic en su miniatura, y dentro del panel Propiedades cambia la configuración para una diferente apariencia de color.
- Selecciona la capa Contraste General y cambia su opacidad para ajustar el contraste.
- Selecciona la capa Intensidad General/Saturación, haz doble clic en su miniatura, y dentro del panel Propiedades juega con los valores de Intensidad y Saturación para crear diferentes resultados.
- Selecciona la capa Brillo General, haz doble clic en su miniatura, y cambia la configuración para ajustar el brillo.
- Selecciona la capa Agudización General, y cambia su opacidad para ajustar la cantidad de enfoque.
Esto es lo que conseguí:
¡Excelente Trabajo!
Si te gustaría descubrir Cómo Hacer un Boceto más avanzado con un efecto de pintura como se muestra más abajo, y solo con un clic, entonces ve mi Acción Photoshop TechnicalArt.
La acción funciona para que solo 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.
¿Quieres aprender más? Ve los siguientes tutoriales de Efectos Boceto de Photoshop:
