4 ms·
On many of the tools, it would personally be preferable if the overall luminosity of the photo remained the same after they're applied. Generally, all its goin
by araes 2y ago
On many of the tools, it would personally be preferable if the overall luminosity of the photo remained the same after they're applied.
Generally, all its going to result in is needing to re-brighten the photo back to some "normal" luminosity after the noise is applied. Brightness / Contrast in "image editor of choice (or financial availability)"
"Dust", especially, tends to severely darken the image on every setting other than "screen".
Generally, cool that it's done totally in browser, and better than what's available on a lot of phone apps.
Photoshop's "texturizer" from decades ago would be something else to possible look at. Making a quick "canvas" look to the image, and similar "noise".
- Rayid 2y agoThanks for the detailed feedback! I see what you mean about maintaining overall luminosity—I'll look into adjusting the noise effects to preserve brightness better. "Dust" darkening too much is a great point, and I'll look into it as well. I'll also check out Photoshop’s "Texturizer" for inspiration—adding a quick "canvas" effect sounds like a great idea. Moreover, I am glad you like that it's fully browser-based! Appreciate the insights :)
- araes 2y agoGlad it was helpful feedback. Seems like a noise tool for somebody who wants a quick noise effect, maybe without the ability to afford the full cost for something like Photoshop. If you're looking for stuff to add that might cool or add distinctiveness: - Noise Types: Looks like you're using White Noise, or possibly a 2D slice through 3D Perlin Noise. Adding the possibility for other noise types. 2D, 3D (2D slice), 4D (?, 2D slice) of Gradient/Perlin Noise [1][2][3][4], Simplex Noise [5], or Wavelet Noise [6][7] you can select between for the underlying noise function. [1] https://en.wikipedia.org/wiki/Perlin_noise https://en.wikipedia.org/wiki/Perlin_noise [2] Inigo Quilez Article on Perlin Noise: https://iquilezles.org/articles/gradientnoise/ https://iquilezles.org/articles/gradientnoise/ [3] 2D Implementation of Gradient Noise (Shadertoy): https://www.shadertoy.com/view/XdXBRH https://www.shadertoy.com/view/XdXBRH [4] 3D Implementation of Gradient Noise (Shadertoy): https://www.shadertoy.com/view/4dffRH https://www.shadertoy.com/view/4dffRH [5] https://en.wikipedia.org/wiki/Simplex_noise https://en.wikipedia.org/wiki/Simplex_noise [6] https://en.wikipedia.org/wiki/Wavelet_noise https://en.wikipedia.org/wiki/Wavelet_noise [7] Pixar Wavelet Noise Paper with Comparisons: https://graphics.pixar.com/library/WaveletNoise/paper.pdf https://graphics.pixar.com/library/WaveletNoise/paper.pdf - Fractal Brownian Motion Noise (basically, layered factor of 2 noise functions of another type at 1/2 intensities) [8][9][10][11] (Inigo Quilez's article is dramatically easier to read and comprehend than most articles, the WP article is super math heavy and nearly pointless unless you're a math major.) [8] https://en.wikipedia.org/wiki/Fractional_Brownian_motion https://en.wikipedia.org/wiki/Fractional_Brownian_motion [9] Book of Shaders, fBM: https://thebookofshaders.com/13/ https://thebookofshaders.com/13/ [10] Inigo Quilez Article on fBM: https://iquilezles.org/articles/fbm/ https://iquilezles.org/articles/fbm/ [11] fBM Impelementation (Shadertoy): https://www.shadertoy.com/view/WsV3zz https://www.shadertoy.com/view/WsV3zz - Domain warping noise (noise that performs a distortion on the location where the noise is applied). [12][13] This time, the Inigo Quilez article is rather intimidating. However, it can also be used to make much simpler variations like glass ripple distortions, water droplets, waves, ect... [12] https://iquilezles.org/articles/warp/ https://iquilezles.org/articles/warp/ [13] Animated Domain Warping Implementation (Shadertoy): https://www.shadertoy.com/view/4s23zz https://www.shadertoy.com/view/4s23zz - Noise Colors (White noise, Pink noise, Brownian noise, Blue noise, Violet noise, Grey noise, Velvet noise, Green noise, Thermal Blackbody noise)[14][15][16][17] [14] https://en.wikipedia.org/wiki/Colors_of_noise https://en.wikipedia.org/wiki/Colors_of_noise [15] https://en.wikipedia.org/wiki/White_noise https://en.wikipedia.org/wiki/White_noise [16] https://en.wikipedia.org/wiki/Pink_noise https://en.wikipedia.org/wiki/Pink_noise [17] https://en.wikipedia.org/wiki/Grey_noise https://en.wikipedia.org/wiki/Grey_noise
- Rayid 2y agoYou're right—this tool is designed for people who may not have a background in design and just want a quick, accessible way to add noise effects without expensive software. Adding too many features (as you suggested earlier) could make it more complex for casual users to use. I appreciate the breakdown of different noise types! Adding options like Perlin, Simplex, fBM, and domain warping could definitely enhance versatility. Noise color variations are also an interesting idea. I'll explore ways to integrate these while keeping the tool simple and user-friendly. Thanks again for the great resources!
- ratmeadow 2y agoIt'd be good to know what colour space the effects are done in and how the blending modes affect that. I guess this is not targeted at people who are pedantic about colour science but I am a sucker for it. (Also if you can come up with a methodology that follows physical light properties then you may not need so many options, it will look good "by default".)
- Rayid 2y agoThanks for the feedback! Right now, the effects are applied in the standard RGB color space, and the blending modes directly manipulate pixel values without a physically accurate light model. I'll will be adding tooltip to every control to clarify how the function works and how it impact the final result.