Watercolor on Paper 3

A soft, dreamy gradient composition featuring a multi-point color blend with warm peachy-orange tones dominating the center-right area, transitioning smoothly into pale mint-green and cream colors on the left side. The gradient has five distinct color points creating organic, flowing transitions: a soft peach-orange (#ffa861) positioned in the center-right, a pale mint-green (#e6f5ef) at multiple anchor points, and a warm golden-yellow (#ffdb4d) on the left-center. The entire composition is heavily blurred and diffused, creating a bokeh-like atmospheric effect with no sharp edges. Wave distortion at 196 degrees with sine wave pattern adds subtle undulating movement to the color transitions, while liquify effects with high intensity (10) and stiffness (15) create organic, fluid-like warping and bulging in the gradient areas. A fine paper texture with minimal roughness (0.1) overlays the entire image, adding subtle tactile grain. Film grain with 0.4 strength provides additional noise texture throughout. The overall effect is ethereal and soft-focus, resembling a watercolor painting or out-of-focus light sources, with smooth color bleeding and no defined shapes or hard boundaries.

Code

vue

<script setup lang="ts">
import {
  Shader,
  FilmGrain,
  Liquify,
  MultiPointGradient,
  Paper,
  WaveDistortion
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <MultiPointGradient color-a="#e6f5ef" color-b="#e6f5ef" color-c="#ffa861" color-d="#e6f5ef" color-e="#ffdb4d" :position-a="{ x: 0.24, y: 0.08 }" :position-b="{ x: 0.81, y: 0.19 }" :position-c="{ x: 0.68, y: 0.64 }" :position-d="{ x: 0.35, y: 1 }" :position-e="{ x: 0.23, y: 0.48 }" :smoothness="2.1" />
    <WaveDistortion :angle="196" :frequency="0.8" :strength="0.45" />
    <Liquify :damping="0.7" :radius="1.5" :stiffness="15" />
    <Paper :displacement="1" :grain-scale="0.1" :roughness="0.1" :seed="26" />
    <FilmGrain :strength="0.4" />
  </Shader>
</template>