Crear fondo degradado de cuadrícula

Quiero crear un fondo degradado como el fondo de la imagen a continuación:

ingrese la descripción de la imagen aquí

He probado la solución en este post pero el resultado no es satisfactorio. Como se puede ver en esta imagen, parece que se aplican dos degradados radiales juntos, si reduzco la cantidad de colores (como se sugirió en la solución mencionada) tendré algo como esto:

ingrese la descripción de la imagen aquí

que tiene límites curvos para cada color, pero en la imagen deseada los colores deben estar delimitados por una cuadrícula lineal. Si cambio el degradado radial a uno lineal, ocurriría otro problema ya que los colores deberían ser más brillantes en algunas áreas de forma radial.

Como se puede ver en la imagen original, es como si se aplicara un modificador de degradado y luego los píxeles de la imagen se agrandaron. He probado varias otras soluciones (¡incluyendo dibujar desde cero y funcionó!) pero todavía tengo que encontrar una solución fácil para este problema.

que has probado haga lo mismo que la respuesta que vinculó, pero con degradados radiales (en la imagen de arriba parece que hay 2 centros de degradado)
@Luciano Probé esa solución, tal vez debería mencionar sus problemas en la publicación.
sí, puede editar su pregunta para agregar más información, eso sería genial

Respuestas (3)

Puedes probar:

  • crea una imagen con tantos píxeles como cuadrados quieras
  • aplicar un pincel con dureza baja (para producir bordes difuminados)
  • cambiar el tamaño usando el vecino más cercano

ingrese la descripción de la imagen aquí

Usando Photoshop:

Comience con un fondo con el tamaño y la resolución necesarios para el volante:

fondo

Agregue un desenfoque gaussiano:

Difuminar

Menú Filtro → Pixelar → Mosaico:

Mosaico

ingrese la descripción de la imagen aquí

Solo voy a lanzar este aquí: estuve trabajando en esto por un tiempo, mientras que aparentemente esta consulta fue respondida y aceptada, y también fue una buena respuesta.

El mío es similar al de @Luciano, pero trabajé mi enfoque completamente en Affinity Designer.

Primero hice un documento base de fondo pixelado, muy pequeño, para web, de 26 píxeles de ancho, luego coloqué un rectángulo de fondo y dos elipses, los coloreé y apliqué un desenfoque gaussiano a las dos elipses.

ingrese la descripción de la imagen aquí

Encendí Pixel View para asegurarme de que se vería como esperaba:

ingrese la descripción de la imagen aquí

Y lo hizo:

ingrese la descripción de la imagen aquí

Exporté ese 1:1 como un archivo .png, y lo coloqué en el fondo de un nuevo archivo de Affinity Designer. Dibujé el diseño y otros elementos de diseño vectorial: es áspero e inacabado , claramente, pero se entiende la idea:

ingrese la descripción de la imagen aquí