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

Cómo elaborar patrones de efecto de semitonos y pinceles en Photoshop e Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

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

En este tutorial, te mostraré qué son los semitonos y cómo lograr un efecto de semitonos. También te mostraré cómo elaborar tus propios pinceles de semitonos.

¿Qué son los semitonos?

Puede que estés familiarizado con los patrones de semitonos que se utilizan en la impresión. Mientras que el patrón es esencial para ese medio específico, los patrones de semitonos también dan un aspecto único al trabajo de diseño. El semitono es una técnica que simula los degradados de tono usando puntos. Estos puntos varían en tamaño, espaciado y a veces hasta en forma para generar un efecto degradado de semitonos. Cuanto más cerca y más grandes son los puntos del semitono, más oscura es la imagen. Cuanto más pequeños y más extendidos están los puntos, más clara es la imagen. Cuando todo se junta, el efecto de semitono crea la ilusión de degradado cuando se ve desde lejos.

Hoy en día, los semitonos se utilizan comúnmente en forma digital para lograr un aspecto de libro de historietas, representando la nostalgia del pasado en la era digital.

En este tutorial, te mostraré cómo lograr un efecto de semitonos en Photoshop. Puedes aplicar estos pasos a cualquier imagen de tu agrado para conseguir un semitono en blanco y negro y un semitono en color. También veremos cómo crear tus propios pinceles de medios tonos en Photoshop, lo que puede ayudarte a añadir grandes detalles a tu ilustración. Por último, veremos cómo crear pinceles de semitonos en Illustrator. Esto es perfecto si estás empezando en el mundo de la ilustración y quieres desarrollar tu habilidad y estilo.

¿Tienes prisa? Tenemos increíbles texturas de semitonos y vectores de semitonos en Envato Elements y GraphicRiver. ¡Ve a verlos!

Síguenos en nuestro canal Envato Tuts+ de YouTube:

Lo que necesitarás

Necesitarás acceso a Adobe Photoshop e Illustrator; si no tienes el software, puedes descargar una prueba en el sitio web de Adobe. También necesitarás esta imagen:

Descarga la imagen, y cuando estés listo, ¡podemos sumergirnos!

1. Cómo elaborar un patrón de semitonos en Photoshop

Paso 1

Arrastra los Auriculares aislados sobre fondo blanco al Photoshop. Convertiremos esto en una variación de imágenes de semitonos para probar diferentes configuraciones.

Para lograr un semitono de color en Photoshop, ve a Filtro > Pixelizar > Semitono de color.

drag the headphones image into adobe photoshop and apply the color halftone filterdrag the headphones image into adobe photoshop and apply the color halftone filterdrag the headphones image into adobe photoshop and apply the color halftone filter

Paso 2

En la ventana de la opción Semitono de Color, notarás las opciones Radio Máximo y Canales. Radio Máximo dicta el tamaño máximo de los puntos, lo que dictará cuán detallada quieres que sea tu imagen. Cuanto más grandes sean los puntos, menos detallados serán; cuanto más pequeños sean los puntos, más detallados serán.

Los Canales representan el cian, el magenta, el amarillo y el negro, y el ángulo en el que estos colores se mezclan. Esto es para lograr colores y tonos específicos. El ángulo crea efectos muaré y patrones de rosetas que son útiles para imprimir cuando es necesario el semitono. En este tutorial, nos centraremos en el aspecto de los efectos de semitonos que pueden imprimirse o utilizarse digitalmente como estilo.

La ventana de opciones Semitono de color tiene ajustes predeterminados. Los míos están configurados de la siguiente manera:

  • Radio Máximo 8 píxeles
  • Canal 1: 108
  • Canal 2: 162
  • Canal 3: 90
  • Canal 4: 45

Haz clic en Aceptar.

Use the default settings and click okUse the default settings and click okUse the default settings and click ok

En el siguiente ejemplo, puedes ver que hemos creado un semitono de color en Photoshop. Cuanto más cercanos y grandes son los puntos, más oscura es la imagen, y cuanto más pequeños y extendidos son, más clara es la imagen. La imagen tiene mucha textura debido al bajo Radio Máximo. Miren la imagen desde lejos, y notarán que los puntos desaparecen, dando una ilusión de degradado de tono.

headphones image with the default settings halftoneheadphones image with the default settings halftoneheadphones image with the default settings halftone

Paso 3

Presiona Comando-Z para regresar un paso atrás. Ve a Filtro > Pixelizar > Semitono de color. Probemos el efecto de semitono con un ajuste diferente de Radio Máximo:

  • Radio Máximo 20 píxeles
  • Canal 1: 108
  • Canal 2: 162
  • Canal 3: 90
  • Canal 4: 45

Haz clic en Aceptar.

Notarás que los puntos son mucho más grandes, y puedes ver la mezcla de colores CMYK como un patrón disperso.

headphones image with max radius of 20headphones image with max radius of 20headphones image with max radius of 20

Paso 4

Presiona Comando-Z para regresar un paso atrás. Ve a Filtro > Pixelizar > Semitono de color. Probemos el efecto de los semitonos con el mismo ajuste de Radio Máximo como el anterior y cambiando los canales a 45:

  • Radio Máximo 20 píxeles
  • Canal 1: 45
  • Canal 2: 45
  • Canal 3: 45
  • Canal 4: 45

Haz clic en Aceptar.

Notarán que los puntos son del mismo tamaño pero los ángulos están alineados en una cuadrícula, creando un patrón ordenado.

headphones image with all channels at 45 degreesheadphones image with all channels at 45 degreesheadphones image with all channels at 45 degrees

Paso 5

Presiona Comando-Z para regresar un paso atrás.

Otra forma de lograr un efecto de semitonos es usando la opción de mapa de bits. Con la opción de mapa de bits, puedes crear un efecto de semitonos en blanco y negro y usar diferentes formas de semitonos. Esta técnica mantendrá los bordes de la imagen como un cortador de galletas para crear el patrón de semitonos. Para acceder a la opción de mapa de bits, necesitamos convertir la imagen a escala de grises.

Dirígete a  Imagen > Modo > Escala de grises, seguido de Imagen > Modo > Mapa de bits.

convert the headphones image to grayscaleconvert the headphones image to grayscaleconvert the headphones image to grayscale

Paso 6

En la ventana de la opción Mapa de bits, establece la Salida a 72 Píxeles/Pulgada. En Método, utiliza: Trama de semitonos y haz clic en OK.

convert the image into bitmap under method use halftone screenconvert the image into bitmap under method use halftone screenconvert the image into bitmap under method use halftone screen

En la ventana de opciones de la Trama de Semitonos, establece la Frecuencia en 3 Líneas/Pulgadas, el Ángulo en 45 grados, y la Forma en Redonda. Haz clic en OK.

Notarán en la imagen de abajo que comparado con el Efecto de Semitono, este en cambio recorta los puntos del borde.

set the frequency to 3 angle to 45 and shape to round Click okset the frequency to 3 angle to 45 and shape to round Click okset the frequency to 3 angle to 45 and shape to round Click ok

Paso 7

Digamos que quieres lograr un tipo diferente de efecto de semitonos. Presiona Comando-Z para regresar un paso atrás.

Ve a Imagen > Modo > Mapa de bits. En la ventana de opciones de Mapa de bits, establece la salida a 72 píxeles/pulgada. En Método, Usar: Trama de semitonos y haz clic en OK.

Usemos los mismos ajustes, pero esta vez cambia la Forma a Línea. Haz clic en OK. Según la definición tradicional, esto no es exactamente un semitono porque no está compuesto de puntos, pero tiene la misma idea. Estamos creando un degradado de semitonos con las líneas.

Headphones image with the shape option set to line Headphones image with the shape option set to line Headphones image with the shape option set to line

2. Cómo elaborar pinceles de semitonos en Photoshop

Paso 1

Ve a Archivo > Nuevo y crea un nuevo archivo llamado Pincel de semitonos.

Configura el Ancho y el Alto a 1500 Píxeles, la resolución a 72 Píxeles/Pulgada, y haz clic en Crear.

create a new photoshop filecreate a new photoshop filecreate a new photoshop file

Paso 2

Selecciona la Herramienta Pincel (B) de la barra de herramientas. Haz clic con el botón derecho del ratón en el documento para abrir las opciones de pinceles.

Selecciona el Pincel Redondo Duro, y ajusta el Tamaño a 500 px y la Dureza al 25%. La dureza ayudará a dispersar el pincel, y esto se traducirá en un degradado de semitonos en el que los puntos varían de tamaño a medida que se dispersan.

select the hard round brush and set the size to 500 px and hardness to 25select the hard round brush and set the size to 500 px and hardness to 25select the hard round brush and set the size to 500 px and hardness to 25

Paso 3

Haz clic una vez en el documento para crear una pincelada o trazo de pincel.

Dirígete a Filtro > Pixelizado > Semitono de color. Establece el Radio Máximo a 20 Píxeles y todos los Canales a 45. Haz clic en OK.

click once on the document and apply the color halftone filterclick once on the document and apply the color halftone filterclick once on the document and apply the color halftone filter

Paso 4

Ve a Edición > Definir valor de pincel. En la ventana de la opción Nombre del pincel, establece el Nombre en Pincel de semitonos. Haz clic en OK.

select the define brush preset option under edit to create a new brushselect the define brush preset option under edit to create a new brushselect the define brush preset option under edit to create a new brush

Paso 5

Ahora puedes usar el nuevo pincel pincelando los trazos en el documento.

brush is ready to be usedbrush is ready to be usedbrush is ready to be used

Dirígete a Ventana > Ajustes preestablecidos de pinceles para abrir el panel de Ajustes preestablecidos de pinceles. Aquí puedes cambiar los ajustes para lograr diferentes aspectos. Cambia el Espaciado a 1% para lograr una transición más suave y a 95% para separar los trazos. Ahora tu pincel está listo para ser usado.

open the brush settings to modify brush optionsopen the brush settings to modify brush optionsopen the brush settings to modify brush options

3. Cómo elaborar pinceles de semitonos en Adobe Illustrator

Paso 1

Abre Illustrator, y dirígete a Archivo > Nuevo.

En la ventana Nuevo documento, selecciona la pestaña Imprimir. Selecciona el ajuste preestablecido de tamaño Carta en blanco. Nombre el archivo Semitono, y establece las Unidades en Centímetros y la Orientación en Horizontal. Haz clic en Crear.

create a new illustrator filecreate a new illustrator filecreate a new illustrator file

Paso 2

Para este pincel, crearemos un patrón de semitonos en Illustrator desde el principio y luego lo convertiremos en una composición.

Selecciona la Herramienta Elipse (L) de la barra de herramientas. Haz clic en la mesa de trabajo para abrir la ventana de opciones de Elipse. Configura el Ancho y el Alto a 1 cm. Haz clic en OK.

Establece el color de Relleno en Negro.

Crea una segunda Elipse, esta vez fijando el Ancho y el Alto en 0,3 cm. Haz clic en OK.

create a 1cm circle and a 03 cm circlecreate a 1cm circle and a 03 cm circlecreate a 1cm circle and a 03 cm circle

Paso 3

Selecciona ambos círculos. Abre el panel Alinear yendo a Ventana > Alinear. Selecciona el botón Centrar Horizontalmente.

Selecciona la Herramienta de Fusión (W) de la barra de herramientas. Haz clic en cualquiera de los círculos y luego en el otro círculo. Esto llenará el espacio entre los dos objetos creando un número de pasos.

use the blend tool to create steps between the twouse the blend tool to create steps between the twouse the blend tool to create steps between the two

Paso 4

Para alterar el número de pasos entre los dos objetos, haz doble clic en el botón Herramienta de Fusión de la barra de herramientas.

En la ventana de Opciones de Fusión, marca la casilla Previsualización. Establece el Espaciado en Pasos especificados, y establece el número en 9. Haz clic en OK.

set the specified steps to 9set the specified steps to 9set the specified steps to 9

Paso 5

Dirígete a Objeto > Expandir. En la ventana de la opción Expandir, selecciona Objeto y Rellenar. Haz clic en OK. Esto convertirá los pasos en objetos. Sabrás que lo has hecho cuando la línea de la Herramienta de Fusión que atraviesa los pasos haya desaparecido.

Duplica el objeto de la derecha manteniendo pulsada la tecla Mayúsculas-Opción y arrastrando. Mayúsculas mantendrá el objeto en el mismo eje, y Opción duplicará el objeto.

Selecciona la Herramienta de Fusión (W) de la barra de herramientas. Haz clic en un conjunto de círculos seguido del segundo conjunto. Esto creará los pasos para llenar el hueco.

Expand the object and duplicate Use the blend tool to fill the gapExpand the object and duplicate Use the blend tool to fill the gapExpand the object and duplicate Use the blend tool to fill the gap

Paso 6

Ve a Objeto > Expandir y haz clic en OK en la ventana de la opción Expandir.

Para crear un pincel, necesitamos crear un azulejo que sea capaz de multiplicarse. Usando la Herramienta Rectángulo (M), crea un cuadrado que cubra el centro del círculo más exterior de izquierda a derecha. Abajo, he coloreado el rectángulo en cian para que lo veas.

create a square that covers all the circles making sure each corner is placed on each circles centercreate a square that covers all the circles making sure each corner is placed on each circles centercreate a square that covers all the circles making sure each corner is placed on each circles center

Paso 7

Mientras seleccionas los círculos y el cuadrado, presiona Comando-7 para hacer una máscara de recorte.

create a clipping maskcreate a clipping maskcreate a clipping mask

Paso 8

Mantén pulsada la tecla Mayúsculas-Opción en tu teclado y arrástrala a la derecha tres veces para crear un azulejo.

duplicate the tile a few timesduplicate the tile a few timesduplicate the tile a few times

Paso 9

Abre el panel de Pinceles yendo a Ventana > Pinceles.

Selecciona los tres azulejos y arrástralos al panel de Pinceles. En la ventana Nuevo pincel, selecciona Pincel de arte. Haz clic en OK.

open the brushes panel and drag the tile into the panelopen the brushes panel and drag the tile into the panelopen the brushes panel and drag the tile into the panel

Paso 10

En la ventana de opciones del pincel de arte, Nombra el pincel como Semitono. Establece las opciones Ancho a Fijo y Escala de pincel a Estirar para ajustar la longitud del trazo. Haz clic en OK.

create a brush with the tilecreate a brush with the tilecreate a brush with the tile

Paso 11

Para aplicar el pincel en un trayecto, selecciona la Herramienta Pluma (P) de la barra de herramientas. Crea una línea en la mesa de trabajo. Pon el color del Trazo en Negro.

En el panel de Pinceles, selecciona el pincel de Semitonos que hemos creado.

using the pen tool draw a line and choose the pattern as a strokeusing the pen tool draw a line and choose the pattern as a strokeusing the pen tool draw a line and choose the pattern as a stroke

Paso 12

Puedes controlar el tamaño del patrón abriendo el panel de Trazos. Ve a Ventana > Trazos. En el panel de Trazos, establece el Grosor del Trazo en 0.75 pt.

control the size by going to the stroke panel and changing the weightcontrol the size by going to the stroke panel and changing the weightcontrol the size by going to the stroke panel and changing the weight

Paso 13

Apliquemos este patrón de pincel de semitonos a un círculo.

Primero, dirígete al panel de Pinceles y haz doble clic en el pincel de semitonos para cambiar la configuración. En la ventana de Opciones de Pinceles de arte, establece el Método de Colorización en Alteración del Tono.

change the method to hue shift to apply color to the patternchange the method to hue shift to apply color to the patternchange the method to hue shift to apply color to the pattern

Paso 14

Usando la Herramienta Elipse (L), crea una elipse en la mesa de trabajo--cualquier tamaño está bien. Pon el color de Relleno al 40% de cian.

Selecciona la Herramienta Pincel (B) de la barra de herramientas. Dibuja una curva en la parte inferior del cuadrante izquierdo del círculo.

Pon el Trazo en el panel de Trazos en 0.5 pt. Pon el color del Trazo en un cian más oscuro. Coloca el trazo en la elipse.

create an ellipse and a curve to create the illusion of shadow under the ellipsecreate an ellipse and a curve to create the illusion of shadow under the ellipsecreate an ellipse and a curve to create the illusion of shadow under the ellipse

Selecciona la elipse y presiona Mayúsculas-Comando-] para llevar la forma hacia adelante. Selecciona la elipse y el trazo y presiona Comando-7 para hacer una Máscara de recorte.

Selecciona nuevamente la elipse y pon el Relleno en 40% de cian.

Esto es excelente para añadir sombras sutiles a tu ilustración.

create a clipping mask create a clipping mask create a clipping mask

¡Excelente trabajo! ¡Has terminado este tutorial!

En este tutorial, aprendiste qué son los semitonos y cómo puedes lograr este aspecto de libro de cómic. Este estilo le dará una gran textura a tu ilustración y un estilo que puede variar desde un libro de cómic limpio a uno sucio. Hoy, has aprendido a:

  • aplicar un efecto de semitonos a una imagen
  • aplicar un efecto de semitonos a una imagen en blanco y negro a través de la opción Mapa de Bits
  • crear pinceles de semitonos en Photoshop
  • crear pinceles de semitonos en Illustrator

Si eres nuevo en Photoshop e Illustrator y necesitas fondos de semitonos o pinceles de semitonos de inmediato, dirígete a Envato Elements y GraphicRiver. ¡Tenemos muchas opciones para explorar!

Si te gustó este tutorial, puede que te gusten estos:

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.