This is pretty much equivalent to a technique I used to see people use in Photoshop. I think it's gone out of style recently, but used to be common (IIRC):<p>* Import a photo as a layer<p>* Duplicate that layer<p>* Increase saturation in that layer and then blur it<p>* Mix that layer by some percent (20-50?) over the base photo<p>Gives a nice ethereal feel.<p>You used to see this all the time in photos. But, maybe it's out of fashion now that everyone knows how to do it :/
When I recoded my canvas library's filters functionality last year (because: make it more like SVG filters, which allow you to branch the data multiple times, apply various effects, then merge them back into the final output - which is awesome!) I made a decision to include an 'opacity' attribute to each effect so at the end of the effect calculation it can be recombined with the input before outputting to the next effect. This was whimsy on my part, but it does make creating effects like this one quite easy - as can be seen in the Gaussian blur's test demo: <a href="https://scrawl-v8.rikweb.org.uk/demo/filters-001.html" rel="nofollow">https://scrawl-v8.rikweb.org.uk/demo/filters-001.html</a>
> and then merged them with mix-blend-mode.<p>In the demo, `mix-blend-mode: normal` is used. This is the default, so this line of CSS isn’t required. You can get some interesting effects if you do use one of the other blend modes with the blurred layer.
Usually known as [soft focus](<a href="https://en.wikipedia.org/wiki/Soft_focus" rel="nofollow">https://en.wikipedia.org/wiki/Soft_focus</a>). In lenses, caused by spherical aberration.
An old school way of creating this effect is to stretch a nylon stocking across the lens.<p>In Photoshop, I would…<p>1. Duplicate the layer, and in Curves or Levels, ensure that it’s average value is mid grey.<p>2. Set its blende mode to Overlay or Soft Light.<p>3. If result too strong, pull the left curve handle up and the right handle down. This will kill the contrast and softer the effect.<p>Similar process to this….<p><a href="https://rmit.instructure.com/courses/87565/pages/photoshop-using-the-overlay-blend-mode?module_item_id=4081525" rel="nofollow">https://rmit.instructure.com/courses/87565/pages/photoshop-u...</a>
Another easy way to replicate this:<p>* duplicate your photo layer<p>* apply a Gaussian blur to the duplicate (5-10px, depending on total resolution)<p>* set the blend mode of the duplicate layer to "overlay"<p>* fiddle with the opacity to reduce the strength of the effect
A bit off topic, but this remember me the effect used on the Coen brothers movie Inside Llewyn Davis, I love that movie, but the effect throw me off all the time and now is "the movie ruined with that effect" for me.
Ironically, the first image makes me think of a dreamy blur when it's in fact a dirty lens, but the author's image makes me think of a dirty lens when it's a calculated attempt at a blur.
Very similar to this effect<p><a href="https://www.youtube.com/watch?v=SlUhr6ssc1U" rel="nofollow">https://www.youtube.com/watch?v=SlUhr6ssc1U</a>