Arte de dibujo retro: uso de puntos de Ben Day en diseño web

Como diseñadores web, siempre buscamos ideas nuevas y creativas para agregar en nuestros sitios web. Afortunadamente, la inspiración no es difícil de encontrar. Por ejemplo, el arte retro de los cómics siempre regresa. A veces es igual de tipografía, a veces como filtros de fotos. Últimamente, las texturas e ilustraciones con puntos de Ben Day aparecen en muchos lugares. ¿Quieres probarlos solo? En este artículo explicaremos el origen de los puntos de Ben Day y cómo hacerlos usted mismo. Además, tenemos algunos ejemplos sobre cómo usar esta técnica visual en el diseño web. Los puntos de Ben Day y los puntos de medio tono “Ben Day Dots” y “Retro Comic Book Art” tienden a usarse indistintamente. De hecho, los puntos de Ben Day llegaron primero. Benjamin Henry Day Jr. los creó en 1879 para reducir los costos de impresión de color. Soy una técnica que coloca como puntos distantes en una cuadrícula. Los puntos rojos impresos sobre blanco hacen manchas rosa, azul y amarilla.
Los puntos de Ben Day se inspiraron en medio tonos que se usaron para impresión litográfica y fotográfica en blanco y negro. Ambos estilos de puntos están organizados en una red cuadrada, pero los puntos de medios tonos son de diferentes tamaños, mientras que los puntos de Ben Day son los mismos. Ben Day Dots, Comics y Roy Lichtenstein en la década de 1930, los cómics ingresaron al escenario, y los puntos de Ben Day fueron la técnica de impresión. Los puntos de Ben Day no fueron exactamente un arte hermoso hasta que Roy Lichtenstein se inspiró en su singularidad genérica en la década de 1960. La obra de Roy Lichtenstein con artes cómicas trajo los puntos de Ben Day al centro de atención. Lo que Lichtenstein hizo fue copiar pequeñas secciones de páginas de cómics y convertirlas en obras maestras a gran escala. Incluso si Roy Lichtenstein usaba puntos que se parecían a los puntos de Ben Day, eran un poco diferentes. Los historiadores de arte le dirán que se llaman mejor “Puntos Lichtenstein”. La principal diferencia es que los puntos de Ben Day eran pequeños en una red cuadrada, mientras que los puntos de Lichtenstein estaban en una brecha y una red diagonal considerablemente más grande.
Imagen Credit Radu Bercan / Shutterstock.com

Rise of Retro Comic Book Art of Roy Lichtenstein se ha convertido en sinónimo de arte cómico retro. Muchos artistas han copiado la técnica de Lichtenstein. Muchos diseñadores han utilizado cómics en sus creaciones para esquemas de marca y materiales de marketing. Ahora puede agregar puntos de Ben Day o puntos de Lichtenstein a sus sitios web.
Desplácese para descubrir cómo crear sus propias creaciones con los puntos de Ben Day. Los proyectos finales que llevará a cabo en realidad cubrirán una variedad de técnicas; Puntos de medio tono, Ben Day Points y Lichtenstein Points. Uno por uno, todos son diseño retro al estilo de los cómics. Vamos a eso. Cómo crear el arte de los cómics retro con los puntos de mitad de atún de Photoshop son tan comunes que Photoshop tiene un filtro para ellos y funciona con cualquier imagen. Lo que hace este filtro es convertir los colores en la imagen en puntos. La distribución del ángulo de los puntos está controlada por los canales de color. Al aplicar el filtro, su imagen ahora está formada por puntos cian, magenta, amarillos y negros. Si aplica el filtro de semitona en un color puro como rojo (# FF0000), verde (# 00FF00) o azul (# 0000ff), el filtro no funcionará porque no tendrá colores para separar. Para crear puntos de día Ben y Puntos Lichtenstein apropiado, necesita Adobe Illustrator. Haga clic aquí para seguir adelante. Cómo tomar una foto para parecer un arte de los cómics retro en puntos semitona con Photoshop 1. Elija la imagen que desea convertir en puntos de los cómics. Elegí a este chico divertido del sitio de fotos gratuito, gratis de forma gratuita. Haga clic aquí, si desea usar la misma imagen para rastrear. Abra la imagen en Photoshop y concéntrese en su lienzo.
2. Duplique la capa dos veces y escúchala en la primera. Para duplicar, mientras se selecciona la primera capa, haga clic en la derecha y elija “Duplicar la capa” o haga clic en el comando + J en Mac y Ctrl + J en su computadora. Cambiarlos para no perder la noción de cada uno. Ajuste la opción de mezclar la capa superior a “luz brillante” y reducir la opacidad a aproximadamente el 40%. Los colores cambiarán drásticamente, esto lo ayudará a obtener la apariencia granulada de los puntos en la mitad de los tonos. Agrupe las dos capas superiores y conviértalas en un objeto inteligente.
4. Aplique el filtro de semitoners al punto de objeto inteligente. En la configuración del color de la ventana emergente, elija el tamaño máximo de píxeles en 13 y los canales a diferentes grados. Puedes jugar con ellos para ver diferentes efectos.

5. Duplique la capa inferior y muévala hacia la parte superior. Aplique el filtro “Encuentra los bordes” y ajuste los niveles para que pueda ver mejor los contornos. Para lograr esto, mueva el triángulo negro hacia la derecha y el blanco a la izquierda.

6. Use los ajustes para convertir la capa en blanco y negro. Establezca la opacidad de la capa de ajuste en 30%. Finalmente, establezca las opciones de estratificación de la capa “Encuentre los bordes” en “superposición”.

El diseño terminado!


Cómo crear un fondo de cinturón retro con Photoshop 1. Encuentre un fondo de color que tenga un diseño o un gradiente hermoso. Abra la imagen en el tablero de Photoshop y concéntrese en la pantalla.



2. Desbloquee la capa de fondo, copie y oculte la parte inferior. Aplique el filtro de punto medio tono a la capa superior. Ajuste los parámetros en la ventana emergente del filtro de punto de semitona para diferentes efectos3. El diseño terminado!


Cómo crear un fondo retro de cómics con Illustrator Como se mencionó anteriormente, los tonos son de diferentes tamaños para recrear el contraste en una imagen. El filtro de Photoshop que utilicé arriba es perfecto para este efecto. Pero si desea crear tamaños iguales como puntos Ben Day o Lichtenstein, deberá usar Adobe Illustrator y el modelo integrado. Como se mencionó anteriormente, los puntos de Ben Day están en una cuadrícula cuadrada, y los puntos de Lichtenstein están en una cuadrícula diagonal dotada. Ambos se pueden hacer con el modelo del ilustrador.

Cómo crear un modelo de puntos Ben-Day con Illustrator 1. Cree un nuevo proyecto en Illustrator. El tamaño no importa. Usé 600 x 350 px.

2. Seleccione la herramienta rectángulo redondeada. Haga clic una vez en el tablero y establezca el tamaño de su forma. Cambie el color del círculo en un relleno azul y sin soplado.

3. Haga clic en el “objeto” en la parte superior de la barra de menú y seleccione “Modelo”, luego “hacer”.


4. Ajuste las preferencias para que los puntos estén en una cuadrícula cuadrada. Estas son las preferencias que necesita elegir:
Seleccione el tipo de mosaico en la cuadrícula

Verifique el tamaño del plato al arte

Establezca el espaciado H y el espacio V a 15 px con 15 px

Seleccione niños a 9 x 9
Cuando ve el modelo como la imagen a continuación, haga clic en Ready. Esto guardará automáticamente el modelo en el panel de muestras. Cómo crear un modelo de punto Lichtenstein con Illustrator Este modelo sigue los mismos pasos que los anteriores y se cambia solo cuando es hora de ajustar las preferencias en el modelo de modelado. Abra las preferencias del modelo Ben-Day y presione “Guardar una copia”. Nombra el nuevo modelo “Lichtenstein Dots”. Al hacer clic en Aceptar, se guardará como una copia en el panel de muestra. Cierre el modelo de puntos Ben-Day. De vuelta al panel de muestras, abra el modelo de puntos Lichtenstein. Verá una ventana emergente con el nombre de la plantilla cuando pase el mouse sobre ella. En preferencias, cambie solo el tipo de apariencia a “Brick by Line” y haga clic.
Cómo agregar modelos cómicos retro a las formas ahora, que ha creado sus propios modelos de cómics retro, puede aplicarlos en cualquier momento. En primer lugar, debe guardar las muestras del modelo, para que pueda agregarlas a cualquier proyecto futuro. 1. En el panel Swatches, seleccione ambos nuevos modelos que creamos. Haga clic en el icono de la biblioteca de muestras y elija “Guardar muestras”. Nombra el nuevo modelo de muestras “Patrón de cómics retro” y haga clic en Aceptar.
2. Al crear un nuevo proyecto y desea usar estos modelos, acceda al panel Swatches. No verá nuestras nuevas muestras allí, por lo que debe importarlas. Haga clic en el icono de la biblioteca de muestras nuevamente y desplácese hacia abajo hasta el “Usuario definido” y luego el “Modelo de dibujo retro”. Se abrirá una nueva ventana con especímenes y colores ordinarios, con cómics. Ahora estoy listo para usar en cualquier forma que desee. Cree una nueva forma y llénela con uno de los modelos. El tamaño de los puntos dependerá del tamaño de la forma que cree. El tamaño máximo de la forma está controlado por el tamaño del piso. Cuanto más pequeña sea la forma, más grandes son los puntos. Si usa una forma pequeña y siente que los puntos son demasiado grandes, haga clic en el modelo dentro de la forma y seleccione “Transformar”, entonces “Escala”. Para hacer que los puntos sean muy pequeños, elija los siguientes parámetros.
Uniforme: 10%
En Opciones: Transformación de patrones de garrapatas

Pruebe diferentes parámetros para la opción “Uniforme” para obtener diferentes dimensiones de puntos.



4. Para crear una forma de estrella con un estilo retro de cómics, cree un nuevo proyecto a 1000 PX en 1000 PX. En el panel de color, haga clic en el negro para la línea y el modelo Lichtenstein para el llenado. Seleccione la forma de la estrella y haga clic en el lienzo para que aparezca.

Ideas para el uso del arte de los cómics retro en el diseño web La tendencia artística de los cómics parece estar creciendo. Por supuesto, no todas las marcas se beneficiarán de este estilo de creatividad. Para las diversas marcas que aman el color, los puntos de Ben Day y los gráficos inspirados en Lichtenstein son perfectos para un bocado de aire fresco. El mejor uso para un patrón de banda de dibujo es como fondo, ya sea sobre otro color o sin. Del mismo modo, trate de usar grandes burbujas de voz como sectores o exclamaciones dibujadas con su contenido. Puede crear el suyo propio con los tutoriales anteriores o puede obtener fuentes de imagen ya diseñadas desde Freepik. Abajo, se hicieron con modelos de cómics de Frepik. Como puede ver, los diseñadores han tomado algunas libertades en la forma en que diseñaron las dimensiones de los puntos. Sin embargo, todavía encarnan perfectamente el cómic retro a su manera.

Conclusión Como puede ver, las posibilidades con el diseño retro diseñado son bastante variadas. Desde estilos clásicos hasta versiones más modernas, puedes hacer casi cualquier cosa. Ya sea que cree los modelos solo o obtenga algunos elementos gráficos en línea, ¡puede crear cosas bastante sorprendentes con el cómic retro y la división!