7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Cómo Crear una Acción de Efecto de Boceto en Photoshop

Scroll to top
Read Time: 11 mins

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

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

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.

Aprende a Bosquejar en PhotoshopAprende a Bosquejar en PhotoshopAprende a Bosquejar en Photoshop

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:

  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 debería estar en la capa de Fondo, si no lo está, ve a Capa > Nueva > Capa a partir de fondo.
  4. 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.

Revisa este Filtro para Bosquejar en PhotoshopRevisa este Filtro para Bosquejar en PhotoshopRevisa este Filtro para Bosquejar en Photoshop

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:

Crea un Filtro de Sketch en PhotoshopCrea un Filtro de Sketch en PhotoshopCrea un Filtro de Sketch en Photoshop

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:

Agrega un Filtro para Bosquejar en PhotoshopAgrega un Filtro para Bosquejar en PhotoshopAgrega un Filtro para Bosquejar en Photoshop

Paso 2

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

Aprende Cómo Hacer un BocetoAprende Cómo Hacer un BocetoAprende Cómo Hacer un Boceto

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:

Encuentra las mejores Acciones para PhotoshopEncuentra las mejores Acciones para PhotoshopEncuentra las mejores Acciones para Photoshop

Paso 2

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

Cambia la opacidad de tu Adobe Photoshop SketchCambia la opacidad de tu Adobe Photoshop SketchCambia la opacidad de tu Adobe Photoshop Sketch

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:

Usa el Filtro Sketch de PhotoshopUsa el Filtro Sketch de PhotoshopUsa el Filtro Sketch de Photoshop

Paso 4

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

Aprende Cómo Hacer un Sketch en PhotohsopAprende Cómo Hacer un Sketch en PhotohsopAprende Cómo Hacer un Sketch en Photohsop

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:

Agrega un Filtro para Bosquejar en Photoshop a tu fotoAgrega un Filtro para Bosquejar en Photoshop a tu fotoAgrega un Filtro para Bosquejar en Photoshop a tu foto

Paso 2

Ve a Filtro > Estilizar > Hallar bordes y entonces ve a Imagen > Ajustes > Desaturar.

Desatura el Filtro para Bosquejar en PhotoshopDesatura el Filtro para Bosquejar en PhotoshopDesatura el Filtro para Bosquejar en Photoshop

Paso 3

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

Cambia la opacidad en tu Filtro de Sketch en PhotoshopCambia la opacidad en tu Filtro de Sketch en PhotoshopCambia la opacidad en tu Filtro de Sketch en Photoshop

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:

Agrega un Filtro para Bosquejar en PhotoshopAgrega un Filtro para Bosquejar en PhotoshopAgrega un Filtro para Bosquejar en Photoshop

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.

Usa Acciones para Photoshops increíbles para saber Cómo Hacer un SketchUsa Acciones para Photoshops increíbles para saber Cómo Hacer un SketchUsa Acciones para Photoshops increíbles para saber Cómo Hacer un Sketch

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:

Agrega de nuevo un Filtro de Sketch a tu PhotoshopAgrega de nuevo un Filtro de Sketch a tu PhotoshopAgrega de nuevo un Filtro de Sketch a tu Photoshop

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.

Cambia la opacidad en tu Acción de PhotoshopCambia la opacidad en tu Acción de PhotoshopCambia la opacidad en tu Acción de Photoshop

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:

Agrega Acciones para Photoshop Agrega Acciones para Photoshop Agrega Acciones para Photoshop

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.

Sigue cambiando la opacidad de tu Adobe Photoshop SketchSigue cambiando la opacidad de tu Adobe Photoshop SketchSigue cambiando la opacidad de tu Adobe Photoshop Sketch

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:

Agrega un Filtro Artístico a tu SketchAgrega un Filtro Artístico a tu SketchAgrega un Filtro Artístico a tu Sketch

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.

Usa un orden de capas correcto en el Efecto Boceto PhotoshopUsa un orden de capas correcto en el Efecto Boceto PhotoshopUsa 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:

Agrega Acciones para Photoshop con Filtro de SketchAgrega Acciones para Photoshop con Filtro de SketchAgrega Acciones para Photoshop con Filtro de Sketch

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.

Baja de nuevo la opacidad en tu Acción para PhotoshopBaja de nuevo la opacidad en tu Acción para PhotoshopBaja de nuevo la opacidad en tu Acción para Photoshop

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.

Ve a Capa > Nueva > Grupo para crear un nuevo grupo a partir de las capas seleccionadasVe a Capa > Nueva > Grupo para crear un nuevo grupo a partir de las capas seleccionadasVe a Capa > Nueva > Grupo para crear un nuevo grupo a partir de las capas seleccionadas

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.

Cómo Hacer un Sombreado de Sketch en PhotoshopCómo Hacer un Sombreado de Sketch en PhotoshopCómo Hacer un Sombreado de Sketch en Photoshop

Paso 2

Ve a Filtro > Galería de filtros > Trazos de pincel > Trazos angulares y selecciona los parámetros que se muestran abajo:

Agrega trazos a tu Efecto de Boceto en PhotoshopAgrega trazos a tu Efecto de Boceto en PhotoshopAgrega trazos a tu Efecto de Boceto en Photoshop

Paso 3

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

Cambia de nuevo la opacidad en tu Efecto SketchCambia de nuevo la opacidad en tu Efecto SketchCambia de nuevo la opacidad en tu Efecto Sketch

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:

Ve a Filtro > Trazos de pincel > SombreadoVe a Filtro > Trazos de pincel > SombreadoVe a Filtro > Trazos de pincel > Sombreado

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.

Agrega sombreado a tu Efecto de SketchAgrega sombreado a tu Efecto de SketchAgrega sombreado a tu Efecto de Sketch

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.

Cómo Agregar Ruido a tu Efecto de Boceto en PhotoshopCómo Agregar Ruido a tu Efecto de Boceto en PhotoshopCómo Agregar Ruido a tu Efecto de Boceto en Photoshop

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:

Agrega color de fondo a tu Efecto de SketchAgrega color de fondo a tu Efecto de SketchAgrega color de fondo a tu Efecto de Sketch

Paso 3

Ve a Filtro > Ruido > Agregar ruido y elige los siguientes parámetros:

Agrega Ruido a tu Filtro de Sketch en PhotoshopAgrega Ruido a tu Filtro de Sketch en PhotoshopAgrega Ruido a tu Filtro de Sketch en Photoshop

Paso 4

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

Cambia la opacidad de tu Filtro para Bosquejar en PhotoshopCambia la opacidad de tu Filtro para Bosquejar en PhotoshopCambia la opacidad de tu Filtro para Bosquejar en Photoshop

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.

Cómo Crear el Aspecto de Color en tu Filtro Sketch de PhotoshopCómo Crear el Aspecto de Color en tu Filtro Sketch de PhotoshopCómo Crear el Aspecto de Color en tu Filtro Sketch de Photoshop

Paso 2

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

Cambia las configuraciones de tu Efecto de SketchCambia las configuraciones de tu Efecto de SketchCambia las configuraciones de tu Efecto de Sketch

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.

Cómo Hacer los Ajustes Finales en el Efecto Boceto de PhotoshopCómo Hacer los Ajustes Finales en el Efecto Boceto de PhotoshopCómo Hacer los Ajustes Finales en el Efecto Boceto de Photoshop

Paso 2

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

Cambia el tinte de la foto en Boceto de PhotoshopCambia el tinte de la foto en Boceto de PhotoshopCambia el tinte de la foto en Boceto de Photoshop

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.

Crea un Mapa de DegradadoCrea un Mapa de DegradadoCrea un Mapa de Degradado

Paso 4

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

Cambia el contraste general en tu Filtro Sketch de PhotoshopCambia el contraste general en tu Filtro Sketch de PhotoshopCambia el contraste general en tu Filtro Sketch de Photoshop

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.

Ajusta la intensidad en tu capa de Efecto SketchAjusta la intensidad en tu capa de Efecto SketchAjusta la intensidad en tu capa de Efecto Sketch

Paso 6

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

Cambia la saturación de tu Filtro de Sketch en PhotoshopCambia la saturación de tu Filtro de Sketch en PhotoshopCambia la saturación de tu Filtro de Sketch en Photoshop

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.

Crea un ajuste de brillo generalCrea un ajuste de brillo generalCrea un ajuste de brillo general

Paso 8

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

Cambia el brillo generalCambia el brillo generalCambia el brillo general

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:

Agrega un filtro de paso alto a tu Efecto de Boceto en PhotoshopAgrega un filtro de paso alto a tu Efecto de Boceto en PhotoshopAgrega un filtro de paso alto a tu Efecto de Boceto en Photoshop

Paso 10

Nombra esta capa Agudización General, cambia su modo de fusión a Luz fuerte, y disminuye la Opacidad a 76%.

Cambia la opacidad y agudización generalCambia la opacidad y agudización generalCambia la opacidad y agudización general

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

Ahora sabes Cómo Hacer un Boceto mediante un Efecto en Adobe Photoshop SketchAhora sabes Cómo Hacer un Boceto mediante un Efecto en Adobe Photoshop SketchAhora sabes Cómo Hacer un Boceto mediante un Efecto en Adobe Photoshop Sketch

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

Personaliza los Resultados de tu Adobe Photoshop SketchPersonaliza los Resultados de tu Adobe Photoshop SketchPersonaliza los Resultados de tu Adobe Photoshop Sketch

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

Crea más bocetos para PhotoshopsCrea más bocetos para PhotoshopsCrea más bocetos para Photoshops

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. 

Encuentra nuevas Acciones para PhotoshopEncuentra nuevas Acciones para PhotoshopEncuentra nuevas Acciones para Photoshop

¿Quieres aprender más? Ve los siguientes tutoriales de Efectos Boceto de 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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.