Inicio
» Wiki
»
Cómo convertir una foto en un boceto a lápiz en Photoshop
Cómo convertir una foto en un boceto a lápiz en Photoshop
Este tutorial le mostrará cómo convertir fácilmente una fotografía en un boceto a lápiz usando Adobe Photoshop . Comenzaremos convirtiendo una foto en un boceto en blanco y negro, luego el artículo le mostrará 3 formas diferentes de agregar color a su boceto, incluido el uso del color original de la foto, un solo color y un degradado.
El artículo utilizó Photoshop 2021, pero todos los pasos deberían funcionar con Photoshop 2022 y 2023. Estos primeros pasos convertirán la foto en un boceto en blanco y negro.
Paso 1: Duplicar la capa de fondo
Comenzaremos en el panel Capas de Photoshop, donde la imagen aparece en la capa Fondo:
El panel Capas de Photoshop muestra la imagen en la capa Fondo.
Necesitaremos esta imagen cuando agreguemos color al boceto más adelante. Así que, para estar seguros, haremos una copia.
Haga clic en la capa Fondo y arrástrela hacia abajo hasta el ícono Nueva capa :
Arrastre la capa Fondo al icono Nueva capa.
Hacer una copia de la capa de fondo.
Una copia aparece encima del original:
Aparece una copia de la capa de fondo encima de la capa de fondo original.
Paso 2: Desaturar la capa
A continuación, eliminaremos todo el color de la capa de copia de fondo usando el comando Desaturar de Photoshop.
Vaya al menú Imagen en la barra de menú en la parte superior de la pantalla, seleccione Ajustes y luego seleccione Desaturar :
Seleccione el comando Desaturar en Photoshop.
Photoshop desatura la imagen, dejándonos una versión en blanco y negro:
Imagen después de la desaturación del color.
Paso 3: Duplicar la capa de desaturación
De vuelta en el panel Capas, cree una copia de la versión desaturada arrastrando la capa Copia de fondo hacia abajo hasta el ícono de nueva capa:
Arrastre la capa de copia de fondo al icono de nueva capa.
Y de nuevo, la copia aparece encima del original:
La nueva capa Copia de fondo 2 aparece encima de las otras capas.
Paso 4: Invertir la capa
Necesitamos invertir los niveles de brillo en esta capa, haciendo que los reflejos sean más oscuros y las sombras más brillantes. Para ello utilizaremos el comando Invertir de Photoshop.
Vaya al menú Imagen , seleccione Ajustes y luego seleccione Invertir :
Seleccione el comando Invertir en Photoshop.
Esto invierte la imagen, creando un efecto de película negativa:
Imagen después de la inversión de brillo.
Paso 5: Cambia el modo de fusión de capas a Sobreexponer color
En el panel Capas, cambie el modo de fusión de la capa invertida de Normal (predeterminado) a Sobreexponer color :
Cambie el modo de fusión de capas a Sobreexponer color.
El documento se vuelve completamente blanco, aunque es posible que veas algunas áreas negras dispersas según tu imagen:
Resultado después de cambiar el modo de fusión a Sobreexponer color.
Paso 6: Convertir la capa en un objeto inteligente
Para crear el efecto de boceto, desenfocaremos la capa invertida usando el filtro Desenfoque gaussiano de Photoshop. Pero para mantener la configuración del filtro editable, aplicaremos Desenfoque gaussiano como filtro inteligente. Y para hacer eso, primero necesitamos convertir la capa en un objeto inteligente.
En el panel Capas, haga clic en el icono de menú en la esquina superior derecha:
Haga clic en el icono de menú en el panel Capas de Photoshop.
Y seleccione Convertir en objeto inteligente en el menú:
Seleccione el comando Convertir en objeto inteligente en el menú del panel Capas de Photoshop.
Aparece un ícono en la miniatura de la vista previa de la capa, que nos permite saber que la capa ahora es un objeto inteligente y estamos listos para aplicar el filtro:
Ícono de objeto inteligente en miniatura de vista previa de capa.
Paso 7: Aplicar el filtro Desenfoque gaussiano
Vaya al menú Filtro en la barra de menú, seleccione Desenfocar y luego seleccione Desenfoque gaussiano :
Seleccione el filtro Desenfoque gaussiano en Photoshop.
Luego, en el cuadro de diálogo Desenfoque gaussiano , arrastre el control deslizante Radio hacia la parte inferior para desenfocar el contenido de la capa. El efecto de contorno que logres dependerá de la cantidad de desenfoque que apliques. Los valores de radio más bajos crearán bocetos con líneas finas y suaves, mientras que valores más grandes crearán bocetos más realistas.
Por ejemplo, si elegimos un valor de radio bastante bajo de 10 píxeles:
Establezca un valor de radio bajo en el cuadro de diálogo Desenfoque gaussiano de Photoshop.
Terminado con este efecto aquí con líneas muy suaves:
Efecto de fotografía a boceto usando un valor de radio bajo
Pero si aumentamos el valor a un valor mucho mayor, digamos 45 píxeles:
Aumente el valor del radio en el cuadro de diálogo Desenfoque gaussiano.
El efecto se parece más a la foto original. El valor del radio que necesitas dependerá de la foto y el aspecto que desees. Así que preste atención a la imagen mientras arrastra el control deslizante para evaluar los resultados.
En este caso, el ejemplo utilizará la segunda versión, más realista. Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo Desenfoque gaussiano:
Boceto del efecto al utilizar un valor de radio grande.
Cómo editar la configuración del Desenfoque gaussiano
Dado que aplicamos el filtro Desenfoque gaussiano a un objeto inteligente, el panel Capas mostrará este filtro como un filtro inteligente debajo del objeto inteligente. Puede hacer doble clic en la palabra Desenfoque gaussiano en cualquier momento para volver a abrir el cuadro de diálogo del filtro y experimentar con diferentes configuraciones:
El panel Capas de Photoshop muestra el filtro inteligente Desenfoque gaussiano.
Paso 8: Agregar una capa de ajuste de Niveles
En este punto, el boceto puede verse demasiado brillante con un contraste muy bajo. Pero podemos oscurecerlo muy fácilmente usando una capa de ajuste de Niveles y una capa de modo de fusión.
Aún en el panel Capas , haga clic en el ícono Nueva capa de relleno o ajuste :
Haga clic en el icono Nueva capa de relleno o ajuste en el panel Capas de Photoshop.
Y seleccione Niveles de la lista:
Seleccione la capa de ajuste Niveles.
Photoshop agrega una capa de ajuste de Niveles encima del objeto inteligente:
Nueva capa de ajuste de Niveles en el panel Capas de Photoshop
Paso 9: Cambia el modo de fusión a Multiplicar
Luego, para oscurecer el boceto, simplemente cambie el modo de fusión de la capa de ajuste de Normal a Multiplicar :
Cambie el modo de fusión de la capa de ajuste Niveles a Multiplicar.
El modo de fusión Multiplicar es uno de un grupo de modos de fusión que oscurecen toda la imagen. Y al instante, el boceto parece mucho más oscuro:
Efecto de boceto después de cambiar el modo de fusión a Multiplicar.
Cómo ajustar el brillo
Si el boceto se ve demasiado oscuro, reduzca el valor de Opacidad de la capa de ajuste, ubicada justo enfrente de la opción de modo de fusión en el panel Capas. Cuanto más reduzca la opacidad del 100%, más se verán las capas debajo de la capa de ajuste, iluminando el boceto.
Por ejemplo, el mío se reduciría aproximadamente un 40%:
Disminuya la opacidad de la capa de ajuste Niveles.
¡Y con esto tenemos la versión en boceto en blanco y negro! A continuación, el artículo le mostrará algunas formas diferentes de agregar color:
Efecto de boceto final en blanco y negro.
Rellena el contorno con el color original de la imagen.
Los siguientes pasos agregarán color al boceto utilizando colores de la imagen original. Luego, el artículo le mostrará cómo colorear el boceto con un solo color y luego con un efecto degradado.
Paso 10: Duplica la capa de fondo nuevamente
En el panel Capas, cree una copia de la imagen original arrastrando la capa Fondo (la capa original en la parte inferior) hacia abajo hasta el ícono Nueva capa :
Haz otra copia de la capa de fondo.
La copia (Copia de fondo 3) aparece entre las capas Fondo y Copia de fondo :
La capa de copia de fondo 3 aparece encima de la capa de fondo original.
Paso 11: Cambie el nombre de la nueva capa a Color
En este punto, nuestro panel Capas está abarrotado de copias de la capa Fondo. Y todos tienen nombres como Copia de fondo, Copia de fondo 2, Copia de fondo 3, pero no nos dicen para qué se utiliza esa capa. Ahora cambiemos el nombre de nuestra nueva capa por algo más descriptivo.
Haga doble clic directamente en el nombre de la copia de fondo 3 para resaltarlo:
Haga doble clic en el nombre de la capa para resaltarla.
Luego cámbiale el nombre a Color. Presione Enter (Win) / Return (Mac) en su teclado para aceptarlo:
Cambie el nombre de la capa a Color.
Paso 12: Mueva la capa de color encima de la capa de ajuste
Necesitamos que la imagen aparezca encima del boceto. Entonces haga clic en la capa Color y arrástrela sobre la capa de ajuste Niveles. Cuando aparezca una línea azul sobre la capa de ajuste, suelte el botón del mouse:
Arrastre la capa de Color hacia la parte superior.
La imagen bloquea temporalmente la vista del boceto:
La capa de color ahora está en la parte superior de la pila de capas.
Paso 13: Cambia el modo de fusión a Color
Para mezclar el color de la imagen en el boceto, cambie el modo de fusión de la capa de Color de Normal a Color :
Cambie el modo de fusión de capas a Color.
El modo de fusión Color le indica a Photoshop que combine solo los colores de la capa activa con las capas inferiores. Y así, hemos agregado nuevamente el color original al boceto:
El boceto está coloreado con los colores originales de la foto.
Cómo ajustar la intensidad del color
Si el color es demasiado oscuro, reduzca la opacidad de la capa. El ejemplo se reducirá al 50%:
Disminuir la opacidad de la capa de Color.
A medida que se reduce la opacidad, los colores se vuelven más sutiles. Y así es como se colorea el boceto con el color original de la foto:
Efecto de boceto después de reducir la opacidad de la capa de color.
Cómo colorear un boceto con un solo color
Si deseas ver cómo se vería tu boceto con los colores de una foto, puedes detenerte aquí. Si no, prueba la segunda forma de agregar color, esta vez utilizando un solo color. Luego finalizaremos el tutorial aprendiendo cómo colorear el boceto con un efecto degradado.
Paso 14: Desactiva la capa de color
Antes de continuar, desactive la capa de Color que usamos en los pasos anteriores haciendo clic en el ícono de visibilidad (ojo) en el panel Capas:
Desactivar la capa de Color en el panel Capas de Photoshop
Paso 15: Agregar una capa de relleno de color sólido
Para rellenar el boceto con un solo color, utilizaremos la capa de relleno de Color sólido. Haga clic en el icono Nueva capa de relleno o ajuste en la parte inferior del panel Capas:
Haga clic en el icono Nueva capa de relleno o ajuste en el panel Capas de Photoshop.
Luego seleccione Color sólido de la lista:
Seleccione la capa de relleno de color sólido en Photoshop.
Photoshop abre el Selector de color, donde seleccionamos el color deseado. No te preocupes por elegir el color equivocado porque siempre puedes volver atrás y elegir otro color, como veremos más adelante.
Por ejemplo probaré con un tono de azul. Haga clic en Aceptar cuando haya terminado para cerrar el Selector de color:
Seleccione azul en el Selector de color.
En el panel Capas, la capa de relleno de Color sólido aparece encima de las demás capas. Y en el documento, el color que seleccionaste bloqueará temporalmente la vista del boceto:
El color seleccionado rellenará la imagen.
Paso 16: Cambia el modo de fusión a Color
Para mezclar el color en el boceto, cambie el modo de fusión de la capa de relleno a Color:
Cambie el modo de fusión de la capa de relleno a Color.
Y aquí está el resultado con el boceto resaltado en azul:
El efecto de color utiliza azul.
Cómo cambiar de color
Para probar un color diferente, haga doble clic en la muestra de color de la capa de relleno en el panel Capas:
Haga doble clic en la muestra de color de la capa de relleno en el panel Capas de Photoshop.
Luego, seleccione un nuevo color en el Selector de color. Mientras el Selector de color permanezca abierto, podrá seguir seleccionando diferentes colores y ver una vista previa en vivo en el documento.
Por ejemplo elegiría un tono de morado. Cuando haya terminado, haga clic en Aceptar para cerrar el Selector de color:
Seleccione un color diferente en el Selector de color.
Y ahora el boceto está coloreado de morado:
Efecto de color usando morado.
Ajustar la intensidad del color
Si el color es demasiado oscuro, reduzca el valor de Opacidad de la capa de relleno. Por ejemplo se reducirá al 70%:
Disminuir la opacidad de la capa de relleno.
¡Y así es como agregas un solo color a tu boceto! A continuación, terminaremos aprendiendo cómo colorear un boceto usando un efecto degradado, y luego el artículo le mostrará cómo cambiar entre todas estas versiones diferentes para elegir la que más le guste:
Resultados con desenfoque reducido.
Cómo colorear un boceto con un efecto degradado
En este punto, hemos aprendido cómo convertir una foto en un boceto en blanco y negro, cómo restaurar los colores originales de una foto y cómo agregar un solo color. Terminaremos este tutorial aprendiendo cómo colorear un boceto usando un efecto degradado.
Este artículo no cubrirá cómo crear sus propios efectos de degradado personalizados. En su lugar, utilizaremos uno de los efectos de degradado integrados de Photoshop. Y en las últimas versiones de Photoshop (2020 en adelante), hay toneladas de nuevos efectos de degradado para elegir.
Paso 17: Desactiva la capa de relleno de color sólido
Primero, si has estado siguiendo desde el principio, desactiva la capa de relleno de Color sólido que usamos en los pasos anteriores haciendo clic en el ícono de visibilidad de esa capa en el panel Capas:
Haga clic en el icono de visibilidad de la capa de relleno.
Esto restaurará la versión en blanco y negro del boceto:
Vuelven los bocetos en blanco y negro.
Paso 18: Agregar una capa de relleno de degradado
Para colorear el boceto con un efecto degradado, utilizaremos una capa de relleno de degradado. Y agregaremos una capa de relleno justo encima de la capa de ajuste de Niveles. Primero, haga clic en la capa de ajuste Niveles en el panel Capas para activarla:
Seleccione la capa de ajuste Niveles en el panel Capas de Photoshop.
Luego, haga clic nuevamente en el ícono Nueva capa de relleno o ajuste :
Haga clic en el icono Nueva capa de relleno o de ajuste.
Y seleccione Gradiente de la lista:
Seleccione la capa de relleno Degradado.
Paso 19: Elige un degradado
En el cuadro de diálogo Relleno de degradado, seleccione un degradado haciendo clic en la flecha pequeña junto a la muestra de degradado:
Haga clic en la flecha a la derecha de la muestra de degradado en el cuadro de diálogo Relleno de degradado de Photoshop.
Esto abrirá el selector de degradado con muchos degradados nuevos agregados en Photoshop 2020. Los degradados se dividen en grupos según el tema (básicos, azules, púrpuras, etc.):
Selector de degradado en Photoshop
Para abrir un grupo, haga clic en la flecha junto al ícono de la carpeta del grupo. Gire para abrir el grupo Púrpuras:
Gire para abrir uno de los grupos de degradado.
Luego, para seleccionar un degradado dentro del grupo y cerrar el selector de degradado, haga doble clic en la miniatura del degradado:
Elija un degradado del Selector de degradado de Photoshop
Ajustes de degradado
De vuelta en el cuadro de diálogo Relleno de degradado, puede cambiar el Estilo del degradado de Lineal (predeterminado) a Radial, Ángulo, Reflejado o Diamante:
Opciones de estilo.
Puedes invertir el orden de los colores del degradado:
Opción inversa para degradados en Photoshop
Y puedes cambiar el ángulo del degradado. El ejemplo predeterminado será 90 grados:
Opciones de ángulo para degradados en Photoshop
Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo Relleno degradado. El degradado bloquea temporalmente la vista del boceto:
El degradado bloqueó la vista del boceto.
Paso 20: Cambia el modo de fusión a Color
De vuelta en el panel Capas, la capa de relleno Degradado aparece encima de la capa de ajuste Niveles. Para combinar el color degradado con el boceto en blanco y negro, cambie el modo de fusión de la capa de relleno Degradado de Normal a Color :
Cambie el modo de fusión de la capa de relleno de degradado a Color.
Luego, ajuste la intensidad del color si es necesario reduciendo la opacidad de la capa:
Disminuya la opacidad de la capa de relleno de degradado.
Y aquí está el boceto usando colores degradados:
Boceto utilizando colores degradados.
Cómo elegir un degradado diferente o editar la configuración
Para probar un degradado diferente o editar cualquiera de las opciones de degradado (Estilo, Invertir, Ángulo), haga doble clic en la muestra de relleno de la capa Degradado. Esto volverá a abrir el cuadro de diálogo Relleno degradado, donde podrá realizar los cambios necesarios:
Haga doble clic en la muestra de relleno de degradado para editar la configuración del degradado.
Cómo cambiar entre los efectos de color del boceto
Ahora que hemos coloreado nuestro boceto con un degradado, ¿qué pasa si queremos volver a los colores de la imagen original, o a la versión de un solo color, o incluso a la versión en blanco y negro? A continuación te explicamos cómo cambiar entre diferentes efectos.
Restaurar boceto en blanco y negro
Para ocultar todos los efectos de color y volver a la versión en blanco y negro, simplemente desactive la capa de Color, la capa de Color sólido y la capa de relleno de degradado mediante sus íconos de visibilidad. Por ejemplo, las capas de Color y Color sólido están desactivadas, por lo que la capa de relleno de Degradado también estará desactivada:
Desactiva las 3 capas de efectos de color en el panel Capas de Photoshop
Desactiva las 3 capas de efectos de color, volveremos a nuestro boceto en blanco y negro:
Regresar a la versión en blanco y negro del boceto
Restaurar la versión en color del boceto
Luego, para activar uno de los efectos de color, haga clic en el ícono de visibilidad de ese efecto. Por ejemplo, activaré mi capa de Color. Asegúrate de habilitar solo un efecto de color a la vez, de lo contrario se mezclarán entre sí:
Haga clic en el icono de visibilidad de la capa de Color
Y cuando activamos la capa de Color, volvemos al color original de la imagen:
Versión en color original.
¡Y eso es todo! ¡Así se convierte una foto en un boceto a lápiz en blanco y negro, junto con algunas formas diferentes de colorear un boceto en Photoshop!