Создать градиентный фон сетки

Question

Создать градиентный фон сетки

сетки
Дизайн
градиент
Adobe Photoshop
Adobe Illustrator

линолеум

Я хочу создать градиентный фон, как на изображении ниже:

Я попробовал решение в этом посте, но результат меня не удовлетворил. Как видно на этом рисунке, кажется, что два радиальных градиента применяются вместе, если я уменьшу количество цветов (как было предложено в упомянутом решении), у меня будет что-то вроде этого:

который имеет изогнутые границы для каждого цвета, но в желаемом изображении цвета должны быть ограничены линейной сеткой. Если я изменю радиальный градиент на линейный, возникнет другая проблема, поскольку цвета должны быть ярче в некоторых областях в радиальном режиме.

Как видно на исходном изображении, это похоже на модификатор градиента, после чего пиксели изображения увеличились! Я пробовал несколько других решений (включая рисование с нуля, и это сработало!), Но мне еще предстоит найти простое решение этой проблемы.

Лучано

что ты пробовал? сделайте то же самое, что и ответ, который вы связали, но вместо этого используйте радиальные градиенты (на изображении выше это выглядит так, как будто есть 2 центра градиента)

линолеум

@Luciano Я пробовал это решение, может быть, мне следует упомянуть его проблемы в посте.

Лучано

да, вы можете отредактировать свой вопрос, чтобы добавить больше информации, это было бы здорово

Ответы (3)

Создать градиентный фон сетки

что ты пробовал? сделайте то же самое, что и ответ, который вы связали, но вместо этого используйте радиальные градиенты (на изображении выше это выглядит так, как будто есть 2 центра градиента)
@Luciano Я пробовал это решение, может быть, мне следует упомянуть его проблемы в посте.
да, вы можете отредактировать свой вопрос, чтобы добавить больше информации, это было бы здорово

Лучано · Answer 1

Можешь попробовать:

создайте изображение с таким количеством пикселей, сколько хотите квадратов
примените кисть с низкой жесткостью (чтобы получить размытые границы)
изменить размер с помощью ближайшего соседа

пользователь120647 · Answer 2

Использование фотошопа:

Начните с фона с размером и разрешением, необходимыми для флаера:

Добавьте размытие по Гауссу:

Фильтр меню → Pixelate → Mosaic:

Джерард Фалла · Answer 3

Я просто подброшу это сюда - немного работал над этим, пока, по-видимому, на этот вопрос ответили и приняли - и тоже хороший ответ.

Мой похож на @Luciano, но я полностью разработал свой подход в Affinity Designer.

Сначала я сделал базовый пиксельный фоновый документ, очень маленький, для Интернета, шириной 26 пикселей, затем выложил фоновый прямоугольник и два эллипса, раскрасил их и применил к двум эллипсам размытие по Гауссу.

Включил Pixel View, чтобы убедиться, что он будет выглядеть так, как я ожидал:

И это сделало:

Экспортировал это в масштабе 1:1 .pngи поместил на задний план нового файла Affinity Designer. Я нарисовал макет и другие элементы векторного дизайна: это грубо и незаконченно , ясно, но вы поняли идею:

Создать градиентный фон сетки

линолеум

Лучано

линолеум

Лучано

Ответы (3)

Лучано

пользователь120647

Джерард Фалла

Как сделать сетку изображений с логотипами? Фотошоп, иллюстратор или индизайн

Как сделать «градиент в квадрате» в Adobe Animate (или Photoshop, XD или Illustrator)

Создать сетку в Photoshop CS6 для пиксельной графики?

Как сделать градиент в том же контуре объекта?

Как показать сетку над элементами и центрировать элементы в сетке?

Попытка придать тексту эффект градиента в Illustrator cs6

Плавные многоцветные градиенты?

4 цвета/градиент углов с Illustrator или Photoshop

Шаблон сетки нельзя привязать в Fireworks CS6

Смешение цветов в фотошопе и иллюстраторе