Lambheart Studios<p>Tried going for an 80s sci-fi/horror cover look.</p><p><a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://mastodon.social/tags/mixedmedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mixedmedia</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.social/tags/red" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>red</span></a> <a href="https://mastodon.social/tags/80s" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>80s</span></a> <a href="https://mastodon.social/tags/vhs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vhs</span></a> <a href="https://mastodon.social/tags/cover" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cover</span></a> <a href="https://mastodon.social/tags/aesthetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aesthetic</span></a> <a href="https://mastodon.social/tags/glitchart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>glitchart</span></a> <a href="https://mastodon.social/tags/glitch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>glitch</span></a> <a href="https://mastodon.social/tags/grunge" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>grunge</span></a> <a href="https://mastodon.social/tags/grainy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>grainy</span></a> <a href="https://mastodon.social/tags/dark" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dark</span></a> <a href="https://mastodon.social/tags/distorted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>distorted</span></a> <a href="https://mastodon.social/tags/atmospheric" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>atmospheric</span></a> <a href="https://mastodon.social/tags/industrial" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>industrial</span></a> <a href="https://mastodon.social/tags/scifi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scifi</span></a> <a href="https://mastodon.social/tags/cyberpunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cyberpunk</span></a> <a href="https://mastodon.social/tags/eerie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eerie</span></a> <a href="https://mastodon.social/tags/horror" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>horror</span></a> <a href="https://mastodon.social/tags/gothic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gothic</span></a> <a href="https://mastodon.social/tags/goth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>goth</span></a></p>
fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software.
If you wish to join, contact us for an invite.
Administered by:
Server stats:
8.8Kactive users
fosstodon.org: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.2
#duotone
1 post · 1 participant · 0 posts today
Mel Magdalene (COMMS OPEN!)<p>Cross posting from tumblr on wafrn bc tumblr is a bitch that is not on the fediverse yet and I don't know if i can retroactively post from bluesky. anyhow here is some transgender ass art</p>
<p>i made this with a fax machine to 'ink' the pencil drawing i did, fed through the copier section onto cardstock. it fucked up the fax machine but it was worth it. enjoy genders</p><br> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/trans" rel="nofollow noopener" target="_blank">#trans</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/trans%20art" rel="nofollow noopener" target="_blank">#trans-art</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/trans%20artist" rel="nofollow noopener" target="_blank">#trans-artist</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/mimeography" rel="nofollow noopener" target="_blank">#mimeography</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/mimeo" rel="nofollow noopener" target="_blank">#mimeo</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/printmaking" rel="nofollow noopener" target="_blank">#printmaking</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/print" rel="nofollow noopener" target="_blank">#print</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/illustration" rel="nofollow noopener" target="_blank">#illustration</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/mood%20piece" rel="nofollow noopener" target="_blank">#mood-piece</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/macabre" rel="nofollow noopener" target="_blank">#macabre</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/experimental%20printmaking" rel="nofollow noopener" target="_blank">#experimental-printmaking</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/noir" rel="nofollow noopener" target="_blank">#noir</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/queer" rel="nofollow noopener" target="_blank">#queer</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/queer%20art" rel="nofollow noopener" target="_blank">#queer-art</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/graphic%20design" rel="nofollow noopener" target="_blank">#graphic-design</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/mixed%20media" rel="nofollow noopener" target="_blank">#mixed-media</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/weird%20art" rel="nofollow noopener" target="_blank">#weird-art</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/fax%20machine" rel="nofollow noopener" target="_blank">#fax-machine</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/obsolete%20tech" rel="nofollow noopener" target="_blank">#obsolete-tech</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/indie%20comics" rel="nofollow noopener" target="_blank">#indie-comics</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/comics" rel="nofollow noopener" target="_blank">#comics</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/noir%20art" rel="nofollow noopener" target="_blank">#noir-art</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/duotone" rel="nofollow noopener" target="_blank">#duotone</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/midcentury%20illustraton" rel="nofollow noopener" target="_blank">#midcentury-illustraton</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/surrealism" rel="nofollow noopener" target="_blank">#surrealism</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/comic%20poster" rel="nofollow noopener" target="_blank">#comic-poster</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/poster" rel="nofollow noopener" target="_blank">#poster</a> <a class="hashtag" href="https://app.wafrn.net/dashboard/search/poetic%20realism" rel="nofollow noopener" target="_blank">#poetic-realism</a>
Lambheart Studios<p>Went for a record cover style a little bit.</p><p><a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://mastodon.social/tags/mixedmedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mixedmedia</span></a> <a href="https://mastodon.social/tags/cover" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cover</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.social/tags/vaporwave" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vaporwave</span></a> <a href="https://mastodon.social/tags/aesthetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aesthetic</span></a> <a href="https://mastodon.social/tags/grunge" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>grunge</span></a> <a href="https://mastodon.social/tags/distressed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>distressed</span></a> <a href="https://mastodon.social/tags/distorted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>distorted</span></a> <a href="https://mastodon.social/tags/gloomy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gloomy</span></a> <a href="https://mastodon.social/tags/eerie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eerie</span></a> <a href="https://mastodon.social/tags/atmospheric" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>atmospheric</span></a> <a href="https://mastodon.social/tags/industrial" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>industrial</span></a> <a href="https://mastodon.social/tags/cyberpunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cyberpunk</span></a> <a href="https://mastodon.social/tags/gothic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gothic</span></a> <a href="https://mastodon.social/tags/goth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>goth</span></a></p>
Frank P. Neuhaus 🇧🇷🇪🇺#CanadianPacific#Railway <a href="https://pixelfed.social/discover/tags/CP?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#CP</a> <a href="https://pixelfed.social/discover/tags/railway?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#railway</a> <a href="https://pixelfed.social/discover/tags/train?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#train</a> <a href="https://pixelfed.social/discover/tags/Alberta?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#Alberta</a> <a href="https://pixelfed.social/discover/tags/RockyMountains?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#RockyMountains</a> <a href="https://pixelfed.social/discover/tags/Canada?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#Canada</a> <a href="https://pixelfed.social/discover/tags/duotone?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#duotone</a> <a href="https://pixelfed.social/discover/tags/red?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#red</a> <a href="https://pixelfed.social/discover/tags/bnw?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#bnw</a> <a href="https://pixelfed.social/discover/tags/blackandwhite?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#blackandwhite</a> <a href="https://pixelfed.social/discover/tags/photography?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#photography</a>
een greintjeFirst time trying risoprint for a photo (originally taken on film). <br>
<br>
I don't know, I didn't love the process — mainly because it was very digital. I'm also not infatuated with the result.<br>
<br>
The thing is, you prep your image on the computer, adding more screen time to your day and knowing what will come out of the printer. Which felt kinda... boring?<br>
<br>
(What didn't help was that I brought Affinity to a Photoshop based workshop, lol. I was struggling — literally on Reddit half the time to find workarounds.)<br>
<br>
I can imagine returning to riso if I ever want to create posters with photography and text/typography.<br>
<br>
But I guess riso isn't my medium — I missed the mystery of the darkroom. 🩶<br>
<br>
<a href="https://gram.social/discover/tags/analog?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#analog</a> <a href="https://gram.social/discover/tags/filmphotography?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#filmphotography</a> <a href="https://gram.social/discover/tags/risoprint?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#risoprint</a> <a href="https://gram.social/discover/tags/print?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#print</a> <a href="https://gram.social/discover/tags/duotone?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#duotone</a> <a href="https://gram.social/discover/tags/experimental?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#experimental</a> <a href="https://gram.social/discover/tags/shadow?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#shadow</a> <a href="https://gram.social/discover/tags/silhouette?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#silhouette</a>
junwin<p>The image shows a suspended whale model in a museum corridor, accented by blue duotones. It aims to indicate the ocean's essence, supporting marine life awareness. The blend of architecture and color fosters a serene, reflective atmosphere.<br><a href="https://photog.social/tags/Brisbane" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Brisbane</span></a> <a href="https://photog.social/tags/Kurilpa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kurilpa</span></a> <a href="https://photog.social/tags/museum" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>museum</span></a> <a href="https://photog.social/tags/museumkurilpa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>museumkurilpa</span></a> <a href="https://photog.social/tags/whale" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>whale</span></a> <a href="https://photog.social/tags/sealife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sealife</span></a> <a href="https://photog.social/tags/ocean" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ocean</span></a> <a href="https://photog.social/tags/marineconservation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>marineconservation</span></a> <a href="https://photog.social/tags/saveourseas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>saveourseas</span></a> <a href="https://photog.social/tags/protectmarinelife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>protectmarinelife</span></a> <a href="https://photog.social/tags/OceanArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OceanArt</span></a> <a href="https://photog.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://photog.social/tags/digitalart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>digitalart</span></a> <a href="https://photog.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://photog.social/tags/photo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>photo</span></a> <a href="https://photog.social/tags/photography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>photography</span></a> <a href="https://photog.social/tags/experimental" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>experimental</span></a> <a href="https://photog.social/tags/transition" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transition</span></a> <a href="https://photog.social/tags/peaceful" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>peaceful</span></a> <a href="https://photog.social/tags/australia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>australia</span></a> <a href="https://photog.social/tags/ArtForChange" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ArtForChange</span></a> <a href="https://photog.social/tags/NatureInspiredArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NatureInspiredArt</span></a></p>
michele<p>Floating chestnuts</p><p>Zenit Nature series - it's a project aiming to give a different perspective on Nature.<br>The sinuous lines on the water surface are probably due to decaying vegetation.</p><p>The full series on my web site: <a href="https://bit.ly/_zenithnature" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">bit.ly/_zenithnature</span><span class="invisible"></span></a></p><p><a href="https://photog.social/tags/zenithnature" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>zenithnature</span></a> <a href="https://photog.social/tags/dronephotography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dronephotography</span></a> <a href="https://photog.social/tags/nature" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nature</span></a> <a href="https://photog.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://photog.social/tags/photoproject" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>photoproject</span></a></p>
Lambheart Studios<p>"If you needed proof<br>I'll reopen My wounds<br>In all the right places for you<br>So now you see the truth<br>That you are broken too<br>I'll reopen My wounds for you."<br>- "I Am Broken Too" by Killswitch Engage</p><p><a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://mastodon.social/tags/Jesus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Jesus</span></a> <a href="https://mastodon.social/tags/engraving" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>engraving</span></a> <a href="https://mastodon.social/tags/grunge" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>grunge</span></a> <a href="https://mastodon.social/tags/distorted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>distorted</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.social/tags/red" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>red</span></a> <a href="https://mastodon.social/tags/gothic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gothic</span></a> <a href="https://mastodon.social/tags/goth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>goth</span></a></p>
Lambheart Studios<p>One I put together listening to a mix of Killswitch Engage, Light the Torch, As I Lay Dying, War of Ages, etc.</p><p><a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.social/tags/grainy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>grainy</span></a> <a href="https://mastodon.social/tags/distorted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>distorted</span></a> <a href="https://mastodon.social/tags/atmospheric" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>atmospheric</span></a> <a href="https://mastodon.social/tags/horror" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>horror</span></a> <a href="https://mastodon.social/tags/gothic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gothic</span></a> <a href="https://mastodon.social/tags/goth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>goth</span></a></p>
Lambheart Studios<p>One I put together listening to Low and Behold's Uppers (highly recommended, by the way).</p><p><a href="https://www.youtube.com/watch?v=IL5XQR3UJeY" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=IL5XQR3UJeY</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://mastodon.social/tags/shattered" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shattered</span></a> <a href="https://mastodon.social/tags/atmospheric" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>atmospheric</span></a> <a href="https://mastodon.social/tags/eerie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eerie</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.social/tags/gothic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gothic</span></a> <a href="https://mastodon.social/tags/goth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>goth</span></a></p>
Ana Tudor 🐯<p>A little <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> demo I made some years back: <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> a B&W image using pure <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/blending" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blending</span></a> (and very little code in total) <a href="https://codepen.io/thebabydino/pen/MWbdbrm" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/MWb</span><span class="invisible">dbrm</span></a></p><p>With a comparison slider between the two blend modes that may be used for the effect and a picker for duotone palette base. </p><p>Created for my Taming Blend Modes <a href="https://mastodon.social/tags/CSSTricks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSTricks</span></a> article <a href="https://css-tricks.com/taming-blend-modes-difference-and-exclusion/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-tricks.com/taming-blend-mo</span><span class="invisible">des-difference-and-exclusion/</span></a></p><p><a href="https://mastodon.social/tags/blendMode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelpment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelpment</span></a> <a href="https://mastodon.social/tags/interactive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interactive</span></a> <a href="https://mastodon.social/tags/CodePen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodePen</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/slider" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>slider</span></a> <a href="https://mastodon.social/tags/comparison" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>comparison</span></a> <a href="https://mastodon.social/tags/comparisonSlider" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>comparisonSlider</span></a></p>
Ana Tudor 🐯<p>We can also go the other way with the exact same minimal structure: from black and white photography to a duotoned image - see it on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span>: <a href="https://codepen.io/thebabydino/pen/jOjLRyp" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/jOj</span><span class="invisible">LRyp</span></a></p><p>✨ single element, no ::before or ::after<br>✨ under 20 <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> declarations<br>✨ <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> only needed to update 1 CSS variable on drag</p><p><a href="https://mastodon.social/tags/blending" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blending</span></a> <a href="https://mastodon.social/tags/blendMode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.social/tags/graphicEffect" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>graphicEffect</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a></p>
Zarir Madon<p>Giant tree at Auckland Domain. Auckland, New Zealand.</p><p><a href="https://mastodon.social/tags/auckland" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>auckland</span></a> <a href="https://mastodon.social/tags/newzealand" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>newzealand</span></a> <a href="https://mastodon.social/tags/tree" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tree</span></a> <a href="https://mastodon.social/tags/ancient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ancient</span></a> <a href="https://mastodon.social/tags/nature" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nature</span></a> <a href="https://mastodon.social/tags/landscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>landscape</span></a> <a href="https://mastodon.social/tags/domain" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>domain</span></a> <a href="https://mastodon.social/tags/aucklanddomain" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aucklanddomain</span></a> <a href="https://mastodon.social/tags/roots" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>roots</span></a> <a href="https://mastodon.social/tags/trunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>trunk</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a><br><a href="https://mastodon.social/tags/photography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>photography</span></a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>art</span></a> <a href="https://mastodon.social/tags/fineart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fineart</span></a> <a href="https://mastodon.social/tags/xiaomi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>xiaomi</span></a> <a href="https://mastodon.social/tags/mobileedit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mobileedit</span></a> <a href="https://mastodon.social/tags/zarirmadon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>zarirmadon</span></a></p>
Zora Elbeboob
Ʌólkêrdaily bumble /0624<br>
<br>
<a href="https://pixelfed.social/discover/tags/photography?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#photography</a> <a href="https://pixelfed.social/discover/tags/duotone?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#duotone</a> <a href="https://pixelfed.social/discover/tags/experimental?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#experimental</a> <a href="https://pixelfed.social/discover/tags/portrait?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#portrait</a>
Ricardo de Oliveira<p>Vídeo parte skateboard, RAP nacional.</p><p><a href="https://invidious.fdn.fr/watch?v=Osm95ET5HLo" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">invidious.fdn.fr/watch?v=Osm95</span><span class="invisible">ET5HLo</span></a></p><p><a href="https://mastodon.social/tags/racionaismcs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>racionaismcs</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.social/tags/skateboarding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>skateboarding</span></a></p>
Ana Tudor 🐯<p>First played with this effect when creating use case demos for <a href="https://css-tricks.com/taming-blend-modes-difference-and-exclusion/#aa-gradual-inversion" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-tricks.com/taming-blend-mo</span><span class="invisible">des-difference-and-exclusion/#aa-gradual-inversion</span></a></p><p>Since then I've refined the technique with demos such as:<br>✨ <a href="https://codepen.io/thebabydino/pen/bGjjgRd" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/bGj</span><span class="invisible">jgRd</span></a><br>✨ <a href="https://codepen.io/thebabydino/pen/GRBBpeJ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/GRB</span><span class="invisible">BpeJ</span></a></p><p>But the SVG solution doesn't hit any of the limitations that the pure CSS demos do.</p><p><a href="https://mastodon.social/tags/CodePen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodePen</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/cssFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssFilter</span></a> <a href="https://mastodon.social/tags/blendMode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/blending" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blending</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a></p>
Agate Dragon<p>Creating a <a href="https://mastodon.gamedev.place/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.gamedev.place/tags/gradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gradient</span></a> in a <a href="https://mastodon.gamedev.place/tags/shader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shader</span></a> <br><a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.gamedev.place/tags/pixelart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pixelart</span></a> <br><a href="https://agatedragon.blog/2024/01/06/duotone-gradient-shader/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">agatedragon.blog/2024/01/06/du</span><span class="invisible">otone-gradient-shader/</span></a></p>
Agate Dragon<p>Creating a <a href="https://mastodon.gamedev.place/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> <a href="https://mastodon.gamedev.place/tags/gradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gradient</span></a> in the <a href="https://mastodon.gamedev.place/tags/GIMP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GIMP</span></a> image editor<br><a href="https://mastodon.gamedev.place/tags/artwork" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>artwork</span></a> <a href="https://mastodon.gamedev.place/tags/photoshop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>photoshop</span></a> <a href="https://mastodon.gamedev.place/tags/photography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>photography</span></a> <br><a href="https://agatedragon.blog/2024/01/05/creating-a-duotone-gradient-in-gimp/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">agatedragon.blog/2024/01/05/cr</span><span class="invisible">eating-a-duotone-gradient-in-gimp/</span></a></p>
Agate Dragon<p>Creating a <a href="https://mastodon.gamedev.place/tags/duotone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>duotone</span></a> circle effect in a <a href="https://mastodon.gamedev.place/tags/shader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shader</span></a><br><a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/creativecoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>creativecoding</span></a> <a href="https://mastodon.gamedev.place/tags/pixelart" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pixelart</span></a> <a href="https://mastodon.gamedev.place/tags/sprite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sprite</span></a> <a href="https://mastodon.gamedev.place/tags/mountain" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mountain</span></a><br><a href="https://agatedragon.blog/2024/01/04/creating-a-duotone-circle-effect-in-a-glsl-shader/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">agatedragon.blog/2024/01/04/cr</span><span class="invisible">eating-a-duotone-circle-effect-in-a-glsl-shader/</span></a></p>
TrendingLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
LoginDrag & drop to upload