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

1. Нарисуйте градиент.

2. Превратите его в смарт-объект.

3. Подать заявку Filter→ Pixelate→ Crystallise.

4. Добавьте Gradient Mapкорректирующий слой сверху

5. Теперь вы можете настроить Crystalliseзначения, если хотите.

Конечно, это не использование HTML или CSS, но метод использует карту градиента. Градиентные карты лучше всего.

Обратите внимание, что этот пример можно было построить разными способами. Это мог быть просто растровый слой с градиентом, а затем применялся фильтр. Это дало бы тот же результат, но не позволяло бы легко редактировать позже. Карта градиента использовалась для точного контроля и гибкости.

Я наткнулся на этот ресурс: http://williamngan.github.io/kubist/ Это веб-приложение, которое генерирует кубистические изображения в формате SVG. Чтение статьи создателя «Как это работает» также весьма увлекательно. Хотя это не прямой ответ на ваш вопрос, он дает некоторые идеи о том, как добиться плавного «мозаичного» эффекта градиента, который вы ищете. И, как показывает веб-приложение Kubist, это можно сделать в HTML с использованием графики SVG.

Я использовал приложение под названием Dmesh http://dmesh.thedofl.com/ для создания очень пользовательских градиентов триангуляции и изображений. Это бесплатное приложение для Windows и Mac (и iPhone). Запустите приложение и перетащите на него любое изображение, и где бы вы ни щелкнули, оно сформирует вершины. Затем вы можете экспортировать финальное изображение в формате SVG и открыть его в иллюстраторе для дальнейшего редактирования. Отличный инструмент!