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

Cómo Crear una Acción de Efecto de Bosquejo en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

En éste tutorial aprenderás cómo convertir tus fotografías en fabulosos y avanzados bosquejos. Trataré de explicar todo al detalle para que todos puedan crearlo, aún los que acaban de abrir Photoshop por primera vez.

El efecto mostrado a la izquierda es el que te mostraré cómo crear aquí en éste tutorial. Si quisieras crear el efecto mostrado a la derecha, un bosquejo con un efecto de pintura, y sólo con un click, entonces consulta mi Acción de Photoshop TechnicalArt.

Action final results

Lo Que Necesitarás

Para recrear el diseño de arriba, necesitarás la siguiente foto:

1. Comencemos

Primero, abre la foto con la que quieres trabajar. Para abrir tu foto, ve a Archivo > Abrir, elige tu foto, y haz click en Abrir. Ahora, antes de comenzar, sólo revisa un par de cosas:

  1. Tu foto debería estar en modo Color RGB, 8 Bits/Canal. Para revisar ésto, ve a Imagen > Modo
  2. Para mejores resultados, el tamaño de tu foto debe estar entre 1500-4000 px anchura/altura. Para revisar ésto, ve a Imagen > Tamaño de Imagen.
  3. Tu foto debe ser la capa Fondo. Si no lo es, ve a Capa > Nueva > Capa a partir de fondo.
  4. Para hacer algunas auto-correcciones en el tono, contrate y color de tu foto, ve a Imagen > Tono automático, Imagen > Contraste automático y luego Imagen > Color automático.

Checking image size mode and making auto corrections

2. Cómo Crear el Fondo

Para el fondo vamos a usar un relleno de color sólido. Ve a Capa > Nuevo Capa de Relleno > Color uniforme para crear un nueva capa de relleno de color uniforme, llámala 'Background Color' e ingresa la configuración de abajo:

Creating new solid color fill layer

3. Cómo Crear el Bosquejo Base

Paso 1

Ahora vamos a crear el bosquejo base. Selecciona la capa Fondo y ve a Capa > Nueva > Capa Vía Copiar para duplicar la capa Fondo y luego arrastra esa nueva capa arriba de las capas en el panel Capas. Presiona D en tu teclado para restablecer las muestras y ve a Filtro > Galería de Filtros > Bosquejar > Fotocopia y elige la configuración de abajo:

Adding the sketch photocopy filter

Paso 2

Nombra ésta capa Base Sketch y cambia su modo de fusión a Multiplicar.

Renaming layer to Base Sketch and changing its blending mode

4. Cómo Crear un Borrador de Bosquejo

Paso 1

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

Transforming draft sketch layer

Paso 2

Nombra ésta capa Large Draft Sketch y establece su Opacidad en 14%.

Renaming layer to Large Draft Sketch and changing its opacity

Paso 3

Selecciona la capa Base Sketch y ve a Capa > Nueva > Capa Vía Copiar para duplicar de nuevo la capa Base Sketch. Selecciona la Herramienta Lazo (L), haz click en cualquier lugar dentro del lienzo, elige Transformación Libre, y decrementa la anchura y altura a 95% como se muestra abajo:

Transforming draft sketch layer

Paso 4

Nombra ésta capa Small Draft Sketch y establece su opacidad en 14%.

Renaming layer to Small Draft Sketch and changing its opacity

5. Cómo Crear un Bosquejo Rugoso

Paso 1

Ahora vamos a crear un bosquejo rugoso. Selecciona la capa Fondo y ve a Capa > Nueva > Capa Vía Copiar para duplicar la capa Fondo, y luego arrastra esa nueva capa arriba de las capas en el panel Capas. Ve a Filtro > Galería de Filtros > Artístico > Cuarteado y elige la configuración de abajo:

Adding the artistic cutout filter

Paso 2

Ve a Filtro > Estilizar > Hallar Bordes y luego ve a Imagen > Ajustes > Desaturar.

Stylizing and desaturating layer

Paso 3

Nombra ésta capa RS-1, cambia su modo de fusión a Sobreexponer Color, y disminuye su Opacidad a 30%.

Renaming layer to RS_1 and changing its blending mode and opacity

Paso 4

Ahora vamos a crear más capas del bosquejo rugoso usando el mismo método. Así que repite el Paso 1 y el Paso 2 en ésta sección, pero en el Paso 1 en lugar de usar la configuración que usamos la vez anterior, usa la nueva configuración de abajo:

Adding the artistic cutout filter

Paso 5

Nombra ésta capa RS_2, cambia su modo de fusión a Sobreexponer Color, disminuye su Opacidad a 25%, y arrástrala abajo de la capa RS_1 para mantener el orden de capas adecuado.

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

Paso 6

Repite de nuevo el Paso 1 y el Paso 2 en ésta capítulo, pero en el Paso 1 en lugar de usar la configuración que usamos previamente, usa la nueva configuración de abajo:

Adding the artistic cutout filter

Paso 7

Nombra ésta capa RS_3, cambia su modo de fusión a Sobreexponer Color, disminuye su Opacidad a 20%, y arrástrala debajo de la capa RS_2 para mantener el orden de capas adecuado.

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

Paso 8

Repita de nuevo el Paso 1 y el Paso 2 en ésta capítulo, pero en el Paso 1 en lugar de utilizar la configuración que usamos previamente, usa la nueva configuración de abajo:

Adding the artistic cutout filter

Paso 9

Nombra ésta capa RS_4, cambia su modo de fusión a Sobreexponer Color, disminuye su Opacidad a 20%, y arrástrala debajo de la capa RS_3 para mantener el orden de capas adecuado.

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

Paso 10

Repite de nuevo el Paso 1 y el Paso 2 en éste capítulo, pero en el Paso 1 en lugar de usar la configuración que usamos previamente, usa la nueva configuración de abajo:

Adding the artistic cutout filter

Paso 11

Nombra ésta capa RS_5, cambia su modo de fusión a Sobreexponer Color, disminuye su Opacidad a 18%, y arrástrala debajo de la capa RS_4 para mantener el orden de capas adecuado.

Paso 12

Repite de nuevo por última vez el Paso 1 y el Paso 2 en ésta capítulo, pero en el Paso 1 en lugar de usar la configuración que usamos previamente, utiliza la nueva configuración de abajo:

Adding the artistic cutout filter

Paso 13

Nombra ésta capa RS_6, cambia su modo de fusión a Sobreexponer Color, disminuye su Opacidad a 7%, y arrástrala debajo de la capa RS_54 para mantener el orden de capas adecuado.

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

Paso 14

Ahora vamos a agrupar todas éstas capas rugosas. Mientras la capa RS_6 está seleccionada, haz click y presiona la tecla mayúsuculas en la capa RS_1 para seleccionar éstas dos capas y todas las otras capas entre ellas. Luego ve a Capa > Nueva > Grupo a paratir de Capas para crear un nuevo grupo de las capas seleccionadas y nómbralo Rough Sketch.

Creating new group from selected layers named Rough Sketch

6. Cómo Crear el Sombreado

Paso 1

Ahora vamos a crear algún sombreado sutil. Selecciona la capa Fondo y ve a Capa > Nueva > Capa vía Copiar para duplicar la capa Fondo, y luego arrastra esa nueva capa arriba de las capas en el panel Capas. Ve a Filtro > Estilizar > Hallar Bordes y luego 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 la configuración de abajo:

Adding the brush strokes angled strokes filter

Paso 3

Nombra ésta capa Shading_1, cambia su modo de fusión a Multiplicar, y disminuye su Opacidad a 12%.

Renaming layer to Shading_1 and changing its blending mode and opacity

Paso 4

Ahora repite el Paso 1 en éste capítulo, y luego ve a Filtro > Trazos de Pincel > Sombreado e ingresa la configuración de abajo:

Adding the brush strokes crosshatch filter

Paso 5

Nombra ésta capa Shading_2, cambia su modo de fusión a Multiplicar, disminuye su Opacidad a 5%, y arrástrala debajo de la capa Shading_1 para mantener el orden de capas adecuado.

Renaming layer to Shading_2 and changing its blending mode and opacity

7. Cómo Agregar Ruido

Paso 1

En éste paso vamos a agregar algo de ruido a nuestro bosquejo. Selecciona la capa Shading_1 y ve a Capa > Nueva > Capa para crearuna nueva capa y nómbrala Noise.

Creating new layer named Noise

Paso 2

Ahora presiona D en tu teclado para restablecer las muestras, ve a Edición > Rellenar e ingresa la configuración de abajo:

Filling Noise layer with foreground color

Paso 3

Ve a Filtro > Ruido > Añadir Ruido y elige la configuración de abajo:

Adding noise filter to the noise layer

Paso 4

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

Changing Noise layer blending mode and opacity

8. Cómo Crear la Apariencia de Color

Paso 1

Ahora vamos a agregar una bonita apariencia de color a nuestro bosquejo. Ve a Capa > Nueva Capa de Ajuste > Curvas para crear una nueva capa de ajuste curvas y nómbrala Color Look.

Creating new curves adjustment layer

Paso 2

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

Changing settings of Color Look layer

9. Cómo Realizar los Ajustes Finales

Paso 1

Ahora vamos a realizar los ajustes finales a nuestro bosquejo. Ve a Capa > Nueva Capa de Ajuste > Filtro de Fotografía para crear una nueva 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 ésta capa y selecciona la siguiente configuración:

Changing settings of Photo Tint layer

Paso 3

Ahora vamos a añadir 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 nómbrala Overall Contrast.

Creating new gradient map adjustment layer

Paso 4

Cambia el modo de fusión de ésta capa a Luz Suave y disminuye la Opacidad a 18%.

Changing overall contrast layer blending mode and opacity

Paso 5

Ahora vamos a agregar intensidad y saturación. Ve a Capa > Nueva Capa de ajuste > Intensidad para crear una nueva capa de ajuste intensidad y nómbrala Overall Vibrance/Saturation.

Creating new vibrance adjustment layer

Paso 6

Haz doble click en la miniatura de ésta capa y elige la siguiente configuración:

Changing settings of Overall VibranceSaturation layer

Paso 7

Ahora vamos a aumentar las iluminaciones ligeramente. Ve a Capa > Nueva capa de ajuste > Niveles para crear una nueva capa de ajuste niveles y nómbrala Overall Brightness.

Creating new levels adjustment layer

Paso 8

Haz doble click e la miniatura de ésta capa y elige la siguiente configuración:

Changing settings of Overall Brightnes layer

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 e ingresa la configuración de abajo:

Adding high pass filter

Paso 10

Nombra ésta 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, has tenido éxito! Aquí está nuestro resultado final:

Final result

Personaliza Tus Resultados

Ahora puedes personalizar el efecto final. Te daré unos cuántos 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 bosquejo y juega con sus opacidades para crear diferentes efectos de bosquejo.
  • 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 la brillantez.
  • Selecciona la capa Overall Sharpening, y cambia su opacidad para ajustar la cantidad de sharpening.

Aquí esta lo que tengo:

Customized final result

¡Fabuloso Trabajo!

Si quisieras crear un bosquejo aún más avanzado con un efecto de pintura como el de abajo, y sólo usando un click, entonces consulta mi Acción de Photoshop TechnicalArt.

Action final result

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

Cada vez que ejecutes la acción, obtendrás una variación de pintura única aún si usas la misma área pincelada. La acción creará 15 apariencias de color preestablecidas por tí, así como lienzo, medios tonos y testuras de grilla. Viene con un detallado videotutorial que te muestra cómo usar y personalizar la apariencia de tu acción para sacar el mayor provecho del efecto.

Action final results
Advertisement
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.