Tutorial de Photoshop: Convertir una foto en dibujo a lápiz ACTUALIZACION: VIDEOTUTORIAL

En este tutorial de photoshop veremos cómo transformar una foto en dibujo a lápiz, este es un proceso que una ves que lo domines es bastante rápido y con una gran variedad de posibilidades para conseguir dicho efecto. Está basado en la solarización de la imagen para conseguir este efecto de simplificación y sacar los trazos que definen la figura en un dibujo a lápiz. La imitación de la textura del papel la conseguimos con el filtro texturizar y para conseguir los medios tonos hemos superpuesto un duplicado desaturado de la imagen en modo Luz Suave.

Sí aprendes este tutorial y lo practicas tendrás la capacidad de poder realizarlo en menor tiempo y esfuerzo, se apoya con la ayuda de las fusiones de capas, y algunos filtros; este tutorial de photoshop es para principiantes e intermedios y quizá sirva de repaso para algún avanzado que desee echarle un vistazo, no tiene nada que perder.

¿Qué aprenderás en este tutorial?

  • Copiar Capas y Crear Capas
  • Utilizar efectos de Fusión de Capas del panel de capas
  • Utilizar Filtros de Photoshop para crear el efecto de lápiz
  • Repasar la función de Desaturar (Control + Mayús (Shift) + U)
  • Acoplar Capas, visibles y totales.
  • Cambiar de color Frontal y de Fondo
  • Aplicar Opacidad a las capas

Comenzamos:

Descargamos el archivo niña.jpg y lo abrimos en Photoshop

Una ves que hayamos abierto la imagen, vamos al panel de capas, si no está visible dicho panel lo activamos en el Menú Ventana > Capas.
Duplicamos la capa Fondo, 2 veces (Hacemos clic en la miniatura de la capa fondo y la arrastramos hasta el botón Crear Capa Nueva) Se crearán Fondo copia, luego arrastramos Fondo copia y se creará Fondo copia 2; hacemos invisible la capa Fondo Copia 2 (haciendo clic en el ícono ojo de dicha capa, como se ve en la siguiente imagen:

Primero copiamos la capa Fondo, luego la capa Fondo Copia y luego desactivamos la capa Fondo 2

Seleccionamos Fondo Copia (1) para activarla y aplicamos modo de fusión (2) en el menú desplegable seleccionamos Diferencia (3). Esta opción está ubicada en el mismo panel de capas(2):

Al aplicar este efecto la ventana de trabajo o lienzo quedará en negro:

Con la misma capa Fondo copia seleccionada(1), aplicamos un Desenfoque Radial: Menú Filtro > Desenfocar (2) > Desenfoque Radial (3):

En su ventana de dialogo, en cantidad, ponemos 10, comprobamos que en Método está activado el botón Giro y en Calidad el botón Buena. Hacemos clic en OK:

Obtenemos la siguiente imagen:

Acoplamos las imágenes visibles (Capa > Combinar visibles), nos quedará como resultante la capa Fondo y la capa Fondo copia 2 (esta función sólo combina o funde las capas con el ojo activado)

Nos queda como resultado la capa Fondo y la capa Fondo copia 2

Saturamos los colores de la imagen (Imagen > Ajustes > Tono/Saturación):

1.- Se selecciona primeramente la capa
2.- Vamos a Edición > Ajustes
3.- Seleccionamos Tono/Saturación

En su ventana de dialogo, en Saturación ponemos +57 y hacemos clic en OK:

Ahora le añadiremos Magenta a los tonos Verdes de la imagen
(Imagen > Ajustar (2) > Corregir selectivamente (3):

En su ventana de dialogo comprobamos que el botón de Absoluto está activado. En colores elegimos Verdes y ponemos el regulador del Cyan en -100 y el de Magenta en +100. Hacemos clic en OK:

El siguiente paso será seleccionar el color frontal en la caja de Herramientas para seleccionar el color en gris (clic en dicho ícono):

(1) Corresponde al Color Frontal (2) Corresponde al Color de Fondo

Nos aparecerá la ventana Selector de Color donde pondremos los siguientes parámetros: C: 30%, M: 30%, Y:30, K:0, hacemos clic en OK

1.- Seleccione el color frontal
2.-
En C: 30%
3.-
En M: 30%
4.-
En Y: 30%
5:
en K: 0%

Lo mismo hacemos con el color de fondo en la ventana de Selector de Color (2) elegimos negro para el color de fondo: #000000 (2):

(1) Seleccionamos el color de fondo (2) Tecleamos # 000000

Ahora vamos a guardar el documento por seguridad, y lo guardamos como TIFF: niña.tif

TIP: el formato tiff es una muy buena alternativa al PSD, si lo comprimimos como JPG o LZW podemos obtener una imagen de menor tamaño y además el formato tiff te permite guardar capas también. Más adelante explicaremos esta área.

Ahora vamos con la capa fondo seleccionada (1), aplicamos el filtro Resplandor (Luz) de Neon: Filtro > Artístico (2) > Resplandor de neón(3 ):

En la ventana que nos aparece, en Opciones

1.- Ponemos el Tamaño en 24
2.- Brillo en 50.
3.-
Hacemos clic en el campo de color,
4.-
Nos aparecerá de nuevo la ventana Selector de color donde pondremos los mismo parámetros que la vez anterior
5.-c: 30%,
6.- M:30%,
7.- Y:30%;
8.- K:0

Hacemos clic en OK en la ventana Selector de color y en la ventana de Resplandor o Luz de Neón.

En este momento hemos obtenido los trazos más fuertes que definen o dibujan la imagen; antes de aplicar los tonos medios que darán volumen a la figura vamos a simular la textura del papel.

Primeramente aplicaremos el filtro de Ruido para posteriormente aplicar el filtro de Texturizar.

Con la capa fondo seleccionada (1)
Aplicamos el filtro Ruido:

Menú Filtro > Ruido (2) > Añadir Ruido (3):

Seleccionamos los botones Monocromáticos y Uniforme, y en Cantidad Ponemos 17. Hacemos Clic en OK.

Ahora vamos a aplicar el filtro de Texturizar

Con la capa Fondo seleccionada (1) aplicamos la textura: Menú Filtro > Textura (2) > Texturizar (3)

En la ventana de diálogo aplicamos los siguientes parámetros:

1.- En el porcentaje de visión le ponemos 25% para tener una previsualización del efecto, pues la imagen es grande y no se alcanza a ver completa.

2.- En Textura seleccionamos: Arenisca
3.-
En Escala: 200% (en esta ocación seleccionamos 200% porque la imagen es grande, puedes probar con otros porcentajes según vayas viendo en la ventana de previsualización)
4- En Relieve: 7 (al igual que la escala, es relativa al tamaño de tu imagen en esta ocasión seleccionamos 7, pero puede ser menos o mas según el tamaño de imagen y tu decisión)
5.-
En Luz elegimos: Superior derecha.
Hacemos clic en OK.

Ahora vamos a sacar los tonos medios de la imagen. Para este paso vamos a ocupar la capa que hemos tenido desactivada o invisible.

1.- Seleccionamos la capa Fondo Copia 2 (clic en la miniatura de dicha capa)
2.- Activamos la capa Fondo Copia 2 (clic en el ojo de dicha capa)
3.- En el Menú Imagen Elegimos Ajustes
4.- y Luego Desaturar (Control + Mayús + U)


La imagen quedará en tonos de grises.
Con la capa Fondo copia 2 seleccionada (1) en Modo de Fusión (2) Seleccionamos Luz Suave (3):

La imagen se transpentará y para lograrLuego ponemos su Opacidad al 75% (2):

Acoplamos la imagen (Menú Capa > Acoplar imagen), quedará como resultante la capa Fondo.

Para eliminar el color dominante desaturamos la imagen (Control + Mayús + U), o (Imagen > Ajustes > Desaturar):

Por último, vamos a remarcar los trazos fuertes, creamos primeramente una capa nueva, luego la rellenaremos con la instantánea de la imagen original que Photoshop crea en el panel de Historia.

1.- creamos una capa nueva (Control + Shift + N) o haciendo clic en el icono de crear capa (1) en la parte inferior del panel de capas.
2.- Se crea una capa Nueva
3.- En el Menú Edición seleccionamos Rellenar o (Mayús (Shift) + F5) o ( Mayús (Shift) + Backspace).

Nos aparece una ventana de dialogo con las opciones de relleno, en contenido seleccionamos Historia:

Como resultado tendremos la imagen original de la niña:

Desaturamos la imagen (Imagen > Ajustes > Desaturar) más rápido: (Control + Mayús + U):

Con la capa seleccionada (1), ponemos el modo de fusión de capas (2) en Super Poner (3):

Luego aplicamos la opacidad al 44%

Por último acoplamos (opcional) la imagen (Capa > Acoplar Imagen) de esta manera damos por concluido el tutorial de la edición de la imagen.

Espero te haya sido de utilidad, puedes practicar los pasos una y otra ves, hasta que te salga natural.

Con las opciones que has aprendido en este tutorial de Photoshop puedes aplicarlas y practicar en las fotos que quieras, un consejo: varia los parámetros, prueba con otros diferentes, no tengas miedo de moverle, cuando yo inicié tenia miedo de moverle por temor a que se fuera a desconfigurar, ¡no te preocupes! si algo no sale bien, solo regresate en el panel de Historia que te he enseñado en otro tutorial de photoshop, hasta el punto que quieras, o hasta el inicio si asi lo desearas, echando a perder se aprende.

Les comparto esta información en Slideshare:

Descarga el PDF del Tutorial de Photoshop en HD
Clic con el botón derecho sobre el link y en el menú contextual selecciona: “Guardar enlace como…”

ACTUALIZACION VIDEOTUTORIAL: DISPONIBLE HD 720:

Suscríbete a este blog para recibir actualizaciones, puedes hacerlo en la columna Izquerda en la parte superior, ingresa tu correo electrónico en Suscribirme Gratis o en la barra superior de WordPress.com en Suscribe

Si tienes dudas o comentarios no olvides dejarlos, yo personalmente los estare leyendo y contestando.

Sinceramente:

Eduardo Núñez

  • José Omar Montoya arias

    Excelente programa para uno tener sus fotos de ésta manera felicitaciones.

    • http://comousarphotoshop.wordpress.com Eduardo Núñez

      Gracias José y gracias por tu comentario, si es un tutorial que nos permite realizar este tipo de efecto mi recomendación para ti y para todos es que con esas herramientas que les di, las apliquen y que exploren esas mismas yendo mas allá de este tutorial, por eso le comparti, el tutorial en HTML (blog) PDF descargable y un video tutorial a 720px HD, para que vean a detalle y verdaderamente aprendan y vean como se hace y asi puedan ustedes mismos experimentar por ejemplo: quitando mas saturación, probando otras fusiones, añadir el filtro texturizar con mas énfasis, probando otro tipo de texturas, etc., aqui lo importantes es que ustedes conozcan los pasos, que se hacen para poder luego experimentarlos y sobre todo llevarlos a la práctica.

      Saludos

  • Hector

    Hola…!!! Excelente trabajo

    • http://comousarphotoshop.wordpress.com Eduardo Núñez

      Muchas Gracias Hector, y gracias por tu comentario también! no olvides regresar estoy preparando mas tutoriales y artículos

  • Edson

    Felicitaciones por el tutorial, particularmente me despejo muchas dudas. Gracias Eduardo

    • http://comousarphotoshop.wordpress.com Eduardo Núñez

      Gracias Edson por tu comentario, me alegra que te haya despejado dudas, estoy implementando un metodo propio para enseñar, y me alegra que te haya aclarado dudas.

      Saludos

  • CARLOS

    esta buenazo este proyecto

    • http://comousarphotoshop.wordpress.com Eduardo Núñez

      Gracias Carlos por tu comentario, estoy trabajando para migrar este blog a un servidor propio, también te comento sobre un curso que estoy desarrollando para principiantes cuya pagina oficial es: http://www.aprendephotoshopfacil.com.

      Gracias de nuevo.

  • buy silver

    Las capas sirven para controlar el orden de apilamiento de los objetos que forman una imagen. Si vamos poniendo los elementos en capas separadas resulta facil controlar reorganizar y manipular la forma en que estan apilados los elementos. Los objetos de una capa se pueden dibujar y editar sin afectar a los objetos de otras capas al poner elementos en distintas capas estos no interactuan.

  • pedro

    Eduardo, excelente tutorial, yo estoy en 0 con esto, y sinceramente asi todos podemos aprender,saludos.Pedro.

    • Eduardo Nuñez

      Hola Pedro muchas gracias por tu comentario, me da gusto que te haya servido, pues la idea es ayudar a los que desean aprender photoshop, y pues que mas a los que van empezando. Tambien te recomiendo que visites mi otro sitio de mi proximo curso: http://www.aprendephotoshopfacil.com, ahi estare publicando tutoriales tambien gratuitos y será mi sitio oficial del curso.

      Gracias Pedro

      Eduardo Núñez