Cómo Convertir una Imagen en un Dibujo Lineal en Photoshop
por Becky Kilimnik el 05 de enero de 2019
Las ilustraciones pueden mejorar el estilo y el atractivo de su sitio de comercio electrónico. Sin embargo, crear ilustraciones (o contratar ilustradores calificados) puede ser costoso y llevar mucho tiempo.
Afortunadamente, puede aprender a convertir una imagen en un dibujo lineal en Photoshop CC 2019 siguiendo los pasos a continuación. Las imágenes de objetos aislados sobre un fondo blanco funcionan mejor para esta técnica, lo que la convierte en una excelente opción para modificar o mejorar las fotos de productos.
Reciba consejos gratuitos de fotografía de productos de comercio electrónico &
Antes de empezar: Cómo delinear una imagen en Photoshop
Si quieres convertir una foto en un dibujo a lápiz en Photoshop, pero no quieres que se vea como lo hiciste en Photoshop, tendrás que prestar atención a los detalles y preparar la imagen correctamente antes de aplicar cualquier filtro.
En el siguiente tutorial, repasaremos un método que le muestra cómo convertir su imagen en un boceto a lápiz sin problemas, y luego analizaremos herramientas específicas que puede explorar para lograr otros efectos de delineado de imágenes en Photoshop.
No todas las fotos son iguales, por lo que deberá utilizar su criterio para ajustar los filtros, los desenfoques y las opacidades de capa cada vez que use Photoshop para convertir una foto en un dibujo lineal siguiendo los pasos a continuación.
Cómo convertir una imagen en un dibujo lineal en Photoshop
- Ajustar el contraste de la foto
- Configurar las capas
- Convertir la imagen en escala de grises mediante una capa de ajuste
- Convertir la foto en un dibujo lineal
- Establecer los colores de fondo y primer plano
- Agregar sombreado de lápiz a su imagen
- Agregar un efecto de sombreado cruzado a su imagen
- Haga sus ajustes finales
Paso 1: Ajusta el contraste de tu foto
En la fotografía de ejemplo, la imagen de los zapatos y las gafas de sol contrasta significativamente con el fondo blanco. La imagen del monedero y el tubo de perfume, sin embargo, son tan ligeros que casi se mezclan con el fondo.
Ajustaremos el contraste de toda la fotografía para que el bolso y el tubo destaquen más.
Vaya al panel Capas y asegúrese de que la capa que contiene la imagen esté seleccionada. Si está trabajando en una imagen aplanada (como un JPG), esta capa será la capa de fondo bloqueada.
Seleccione Imagen > Ajustes > Curvas en el menú desplegable en la parte superior de la ventana de la aplicación de Photoshop.
Aparecerá el cuadro de diálogo Curvas. Asegúrese de que la vista previa esté marcada.
En el gráfico en el lado izquierdo del cuadro de diálogo, haga clic en el centro de la línea que recorre diagonalmente el gráfico y arrastre hacia abajo, creando una línea curva en el gráfico. Notará que las áreas oscuras de la imagen se oscurecerán, mientras que las áreas más claras permanecerán claras.
Nota: Si está trabajando en una imagen CMYK, se colocaría hacia arriba en el centro de la línea en lugar de hacia abajo.
Una vez que esté satisfecho con el aumento del contraste de la imagen, haga clic en Aceptar.
Paso 2: Configure sus capas
En el panel Capas, duplique la capa que contiene su imagen tres veces, de modo que tenga cuatro capas idénticas.
Para duplicar una capa, seleccione la capa en el panel Capas, haga clic en el menú Panel Capas en la esquina superior derecha del panel y elija Duplicar capa.
Paso 3: Convierta la imagen a escala de grises mediante una capa de ajuste
Seleccione la capa duplicada en la parte superior del panel Capas.
Seleccione el icono de Capa de ajuste en la parte inferior del panel Capas (el icono parece un círculo medio negro y medio blanco). Seleccione Tono / Saturación en el menú desplegable.
Acaba de crear una capa de ajuste para Tono/Saturación, lo que significa que todas las capas que aparecen debajo de la capa de ajuste conservarán las propiedades de Tono/Saturación que haya establecido para esa capa de ajuste.
Con la capa de ajuste aún seleccionada, vaya al panel de propiedades, ubicado a la derecha de la imagen de forma predeterminada. Si no ve el panel de propiedades, puede elegir Propiedades de Ventana > en el menú desplegable en la parte superior de la ventana de la aplicación Photoshop.
Verá tres deslizadores en el panel de propiedades: Tono, Saturación y Luminosidad. Arrastre el control deslizante para Saturación hasta la izquierda, de modo que el valor listado para Saturación sea ahora -100.
La imagen ahora aparece en escala de grises.
Cómo convertir una imagen a escala de grises: un método adicional
Que tiene la capa de ajuste de tono/saturación hace que la imagen aparezca en escala de grises, pero si desea eliminar por completo todo el color de la imagen mientras trabaja, puede convertir la imagen a escala de grises seleccionando Imagen > Modo > Escala de grises en el menú desplegable en la parte superior de la ventana de la aplicación.
Si tiene una capa de ajuste en su lugar al convertir a escala de grises, la capa de ajuste se eliminará.
Paso 4: Convierta su foto en un dibujo lineal
En este paso, aprenderá a delinear o trazar la imagen en Photoshop utilizando una serie de efectos de capa. Si su objetivo es crear solo un contorno de su fotografía, puede decidir que su imagen está completa después de este paso.
Haga que sus dos capas duplicadas superiores sean invisibles haciendo clic en los iconos de ojos junto a las capas en el panel Capas. A continuación, seleccione la capa visible que ocupa el segundo lugar en la parte inferior del panel Capas.
Haga clic en el menú desplegable en la parte superior del panel Capas junto a Normal. Selecciona Esquivar de color.
Con la misma capa aún seleccionada, invierta la imagen escribiendo CTRL + I (COMANDO + I en un Mac). También puede invertir la imagen seleccionando Imagen > Ajustes > Invertir en el menú desplegable en la parte superior de la ventana de la aplicación de Photoshop.
A continuación, seleccione Filtro > Desenfoque > Desenfoque gaussiano en el menú desplegable en la parte superior de la ventana de la aplicación.
En el cuadro de diálogo Desenfoque gaussiano que aparece, ajuste el control deslizante hasta que la imagen parezca un dibujo lineal.
Mover el control deslizante hacia la izquierda resultará en líneas más delgadas; mover el control deslizante hacia la derecha y aumentar el desenfoque engrosará y oscurecerá las líneas, y agregará un poco de sombreado a la imagen.
Asegúrese de que la vista previa esté marcada en el cuadro de diálogo para que pueda ver cómo cambia la imagen a medida que mueve el control deslizante hacia la derecha o hacia la izquierda.
Cómo hacer que los trazos de su dibujo lineal sean más gruesos en Photoshop
Si desea espesar los trazos de su dibujo lineal, duplique la capa original una vez más y mueva la nueva capa por encima de la capa que acaba de ajustar (capa con modo de fusión de esquivar colores).
Elija Filtro > Galería de filtros… desde el menú desplegable en la parte superior de la ventana de la aplicación.
Elija Bordes brillantes en Estilizar. Aquí, puede ajustar el Ancho del borde en el lado derecho de la ventana. Reducir el brillo de los bordes dará como resultado un borde más limpio.
Haga clic en Aceptar.
De vuelta en su capa, haga clic en CTRL + I (COMANDO + I en un Mac) para invertir la capa y cambiar el modo de fusión de capas a Multiplicar.
Los contornos de la imagen ahora serán más gruesos y oscuros.
Paso 5: Establezca los Colores de Fondo y de Primer plano
En la barra de herramientas, establezca el Color de fondo en blanco haciendo doble clic en el icono de Color de fondo. En el cuadro de diálogo Selector de color (Color de fondo), haga clic en la esquina superior izquierda del cuadro de color grande.
A continuación, establezca el color de primer plano en gris medio. Haga doble clic en el cuadrado de color del Primer plano en la barra de herramientas. En el cuadro de diálogo Selector de color (Color de primer plano), haga clic en la mitad del lado izquierdo del cuadro de color grande.
Otros colores en el cuadro de color grande (como los azules y rojos visibles en la imagen del panel Selector de color de abajo) son irrelevantes, ya que mantiene el cursor hasta el lado izquierdo del cuadro de color grande.
Paso 6: Añadir sombreado de lápiz a la imagen
En el panel Capas, seleccione la capa situada encima de la capa con la que acaba de trabajar. Haga clic en el icono del ojo para hacer que la capa sea visible de nuevo. Su imagen ahora se verá como una fotografía en blanco y negro de nuevo.
Elija Filtro > Galería de filtros… desde el menú desplegable en la parte superior de la ventana de la aplicación.
En la ventana de Filtro, haga clic en la carpeta marcada Croquis y elija Carboncillo.
Ajuste el Grosor del carbón, los Detalles y los controles deslizantes de Equilibrio Claro/Oscuro hasta que la imagen de la ventana de vista previa tenga la cantidad adecuada de detalles. Recuerde que ya tiene un dibujo lineal de la foto en una capa inferior, por lo que solo necesita crear sombreado en este paso.
Haga clic en Aceptar.
En el panel Capas, haga clic en el menú desplegable siguiente Normal y ajuste el Modo de Mezcla de capas de la capa de carbón para Multiplicar.
Paso 7: Agregue un efecto de trama cruzada a su imagen
En el panel Capas, haga clic en el icono de ojo en la capa superior para que la capa sea visible. Ahora todas las capas deben estar visibles en la imagen.
Con la última capa seleccionada, elija Filtro > Galería de filtros… una vez más desde el menú desplegable en la parte superior de la ventana de la aplicación. Si ve la opción Galería de filtros más de una vez en el menú desplegable, asegúrese de seleccionar la opción inferior.
En la ventana de Filtro, haga clic en la opción Dibujo marcado y elija Bordes rasgados. Ajusta los botones en el lado derecho de la ventana hasta que puedas ver los detalles de tu imagen.
Una vez que esté satisfecho con la apariencia del filtro de bordes rotos, haga clic en el Nuevo icono ubicado en la parte inferior derecha de la ventana de filtro. (Este icono se parece a un trozo de papel con una esquina doblada, al igual que el icono de Nueva capa en el panel Capas.)
Verás que los bordes rasgados aparecen dos veces en el lado derecho de la ventana del filtro. Mientras la instancia superior de Bordes Rasgados sigue seleccionada, haga clic en el filtro de Lápiz Gráfico y cambie la Diagonal del Trazo a la Diagonal izquierda.
También puede ajustar los controles deslizantes para el filtro de lápiz gráfico hasta que esté satisfecho con la imagen en la ventana de vista previa. Al igual que con la capa anterior, solo está creando sombreado en esta etapa.
haga Clic en ACEPTAR.
Cambie el Modo de fusión de capas de Normal a Multiplicar como lo hizo con la capa anterior.
Finalmente, debido a que el filtro de lápiz gráfico es más nítido que el filtro de carbón que aplicamos a la capa inferior, agregaremos un ligero desenfoque de movimiento.
Con la misma capa aún seleccionada, elija Filtro > Desenfoque > Desenfoque de movimiento en el menú desplegable en la parte superior de la ventana de la aplicación.
En el cuadro de diálogo Desenfoque de movimiento, establezca el ángulo en -45° y mueva el regulador Distancia hacia la izquierda para crear un desenfoque muy leve. Asegúrate de que la vista previa esté marcada para que puedas ver el desenfoque antes de aplicarlo.
haga Clic en ACEPTAR.
Paso 8: Haga sus ajustes finales
¡Aún no ha terminado! Jugar con la opacidad de tus capas y limpiar cualquier mancha oscura que veas en la imagen pondrá el toque final a tu nuevo boceto a lápiz.
Ajustar la opacidad de las capas
Puede ajustar la opacidad de las dos capas superiores para reducir la intensidad del sombreado del lápiz.
En la imagen de abajo, la opacidad de la capa superior se reduce al 60% y la siguiente capa tiene una opacidad del 70%.
No debe ajustar la opacidad de las dos capas inferiores, ya que hacerlo podría socavar el efecto de dibujo de líneas que ha creado.
Limpiar cualquier artefacto
En la imagen de ejemplo, hay varios lugares donde el fondo blanco parece tener manchas u manchas oscuras.
Para eliminar manchas oscuras como estas, selle las capas seleccionando todas las capas, incluida la capa de ajuste de tono/saturación, en el panel Capas. Escriba CTRL + A+E (COMANDO + OPCIÓN + E en un Mac) para crear una capa estampada, que aparecerá en la parte superior del panel Capas.
Establezca el color de primer plano en blanco en la barra de herramientas y elija la herramienta Pincel en la Barra de herramientas. Dentro de la nueva capa estampada, pinte cuidadosamente las manchas con la herramienta pincel.
Su imagen terminada ahora se verá como un boceto a lápiz.
Ahora que sabe cómo convertir una imagen en un dibujo lineal en Photoshop, asegúrese de consultar nuestros otros tutoriales de Photoshop para dominar sus habilidades.
Etiquetas:
- Cómo,
- edición de Imagen,
- Photoshop
- Vector la conversión
Becky Kilimnik
Bio: Con más de 18 años de experiencia como diseñadora gráfica, a Becky le apasiona ayudar a las personas a mejorar su contenido dominando el software de manipulación de imágenes. Becky ha trabajado con una variedad de editoriales educativas en los Estados Unidos y el Reino Unido y ha enseñado diseño en seis universidades.