() translation by (you can also view the original English article)
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Paso 5
Ahora puedes usar el nuevo pincel pincelando los trazos en el documento.
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.
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.
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.
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.
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.
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.
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.
Paso 7
Mientras seleccionas los círculos y el cuadrado, presiona Comando-7 para hacer una máscara de recorte.
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.
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.
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.
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.
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.
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.
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.
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.
¡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:
Pinceles de IllustratorUna enorme compilación de 40 pinceles de Illustrator gratis
CómicsCómo crear efectos de semitonos en Adobe Illustrator
FotografíaLos 10 mejores efectos de semitonos inspirados en la impresión (color y blanco y negro) para Photoshop
Fotografía10 efectos geniales de cómic y dibujos animados para fotos con acciones de Photoshop
Diseño GráficoCómo crear un efecto de rayas de luz para un póster de ballet contemporáneo en Adobe Photoshop
Adobe PhotoshopNuevo curso: 10 consejos para ser maestro de los pinceles de Adobe Photoshop
