Codrops<p>Feeling like the weekend zapped your creative energy? ⚡ </p><p>Don’t worry—we’ve got a fresh batch of motion design magic to kickstart your week and get those ideas moving again ✨</p><p>Get inspired: <a href="https://tympanus.net/codrops/?p=94002" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">tympanus.net/codrops/?p=94002</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>inspiration</span></a> <a href="https://mastodon.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
mastodon.world is one of the many independent Mastodon servers you can use to participate in the fediverse.
Generic Mastodon server for anyone to use.
Administered by:
Server stats:
9.1Kactive users
mastodon.world: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#motiondesign
1 post · 1 participant · 0 posts today
Codrops<p>Forget the coffee, we’ve got motion design inspo to fuel your Sunday! 😎✨ </p><p>Check out this fresh batch and get your creativity flowing. </p><p><a href="https://tympanus.net/codrops/2025/05/04/motion-highlights-5/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tympanus.net/codrops/2025/05/0</span><span class="invisible">4/motion-highlights-5/</span></a></p><p><a href="https://mastodon.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>inspiration</span></a></p>
Codrops<p>Today we are exploring a playful proof-of-concept: animating repeating "frames" of images along a path for an interesting transition effect! </p><p>Have a look: <a href="https://tympanus.net/codrops/2025/04/28/animating-in-frames-repeating-image-transition/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tympanus.net/codrops/2025/04/2</span><span class="invisible">8/animating-in-frames-repeating-image-transition/</span></a> </p><p><a href="https://mastodon.social/tags/gsap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gsap</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a></p>
Jérémy -Jeey-<p>Dites, pour animer des images de manière très simple et rapides (pour animer des dessins pour faire une vidéo avec un doublage-voix, et concrètement, c'est simuler une bouche qui s'ouvre et qui se ferme), vous conseilleriez quoi (sous <a href="https://framapiaf.org/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a>) ?<br><a href="https://framapiaf.org/tags/MotionDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MotionDesign</span></a></p>
Codrops<p>Today we're featuring Waaark's work for 24/7 Artists, an amazing launch page shaped by music visuals, scroll-tied motion, and playful interaction design.</p><p>Built fast, with a clear concept and smart use of tools! Learn how they brought it all together: <a href="https://tympanus.net/codrops/2025/04/16/case-study-24-7-artists/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tympanus.net/codrops/2025/04/1</span><span class="invisible">6/case-study-24-7-artists/</span></a> </p><p><a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/casestudy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>casestudy</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a></p>
VAGTARY<p>Entering the abyss [ SOUND ON ]<br>.<br>.<br>.<br>Music: Guns'n Roses - Welcome to the Jungle</p><p><a href="https://graphics.social/tags/abstractart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractart</span></a> <a href="https://graphics.social/tags/abstractartists" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractartists</span></a> <a href="https://graphics.social/tags/contemporaryart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>contemporaryart</span></a> <a href="https://graphics.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://graphics.social/tags/artgallery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artgallery</span></a> <a href="https://graphics.social/tags/VFX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VFX</span></a> <a href="https://graphics.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://graphics.social/tags/motionGraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motionGraphics</span></a> <a href="https://graphics.social/tags/gunsnroses" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gunsnroses</span></a></p>
lps<p>For anyone looking to move away from <a href="https://mograph.social/tags/adobe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>adobe</span></a> <a href="https://mograph.social/tags/windows" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>windows</span></a> and is stuck finding a suitable <a href="https://mograph.social/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>foss</span></a> replacement for <a href="https://mograph.social/tags/aftereffects" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>aftereffects</span></a> you might want to take a look at <a href="https://mograph.social/tags/friction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>friction</span></a> <a href="https://friction.graphics" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">friction.graphics</span><span class="invisible"></span></a></p><p>and here's a great video by <a href="https://mograph.social/tags/linuxcreative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linuxcreative</span></a> to get you started </p><p><a href="https://www.youtube.com/watch?v=VhPwn-VT-F0" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=VhPwn-VT-F</span><span class="invisible">0</span></a></p><p><a href="https://mograph.social/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linux</span></a> <a href="https://mograph.social/tags/motiongraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiongraphics</span></a> <a href="https://mograph.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a></p>
tonton<p>A <span class="h-card" translate="no"><a href="https://floss.social/@friction" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>friction</span></a></span> mograph test using text effect (a little too fast) ! </p><p>Here is the friction project if anyone wants to take a look ! <a href="https://e.pcloud.link/publink/show?code=XZ8IldZJIA7G6DSzW0dOOxx9Dt3g0q4kMM7" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">e.pcloud.link/publink/show?cod</span><span class="invisible">e=XZ8IldZJIA7G6DSzW0dOOxx9Dt3g0q4kMM7</span></a></p><p>Friction is an open source 2d animation software, which could replace <a href="https://mastodon.art/tags/aftereffect" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>aftereffect</span></a> </p><p>Unofficial discord <a href="https://discord.gg/FkjnM2r2JD" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">discord.gg/FkjnM2r2JD</span><span class="invisible"></span></a><br>Official page <a href="https://friction.graphics/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">friction.graphics/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.art/tags/textanimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>textanimation</span></a> <a href="https://mastodon.art/tags/motiongraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiongraphics</span></a> <a href="https://mastodon.art/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.art/tags/mograph" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mograph</span></a> <a href="https://mastodon.art/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.art/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svg</span></a> <a href="https://mastodon.art/tags/vector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vector</span></a> <a href="https://mastodon.art/tags/2d" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>2d</span></a> <a href="https://mastodon.art/tags/graphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>graphics</span></a> <a href="https://mastodon.art/tags/artWithOpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artWithOpenSource</span></a> <a href="https://mastodon.art/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a> <a href="https://mastodon.art/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linux</span></a> <a href="https://mastodon.art/tags/friction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>friction</span></a> <a href="https://mastodon.art/tags/friction2d" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>friction2d</span></a> <a href="https://mastodon.art/tags/enve" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>enve</span></a> <a href="https://mastodon.art/tags/frictiongraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frictiongraphics</span></a></p>
VAGTARY<p>They're selling Jesus again [ SOUND ON ]</p><p>Music: Skunk Anansie - Selling Jesus<br>.<br>.<br>.<br><a href="https://graphics.social/tags/abstractart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractart</span></a> <a href="https://graphics.social/tags/abstractartists" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractartists</span></a> <a href="https://graphics.social/tags/contemporaryart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>contemporaryart</span></a> <a href="https://graphics.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://graphics.social/tags/artgallery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artgallery</span></a> <a href="https://graphics.social/tags/VFX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VFX</span></a> <a href="https://graphics.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://graphics.social/tags/motionGraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motionGraphics</span></a> <a href="https://graphics.social/tags/klingai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>klingai</span></a> <a href="https://graphics.social/tags/chatgpt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>chatgpt</span></a> <a href="https://graphics.social/tags/aftereffects" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>aftereffects</span></a> <a href="https://graphics.social/tags/jezus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>jezus</span></a></p>
TuomoIn a forest pitch-dark<br>
Glowed the tiniest spark<br>
It burst into a flame<br>
<br>
Made with human intelligence, background was painted with Procreate and animation and compositing was done with Procreate Dreams.<br>
<br>
<a href="https://pixelfed.social/discover/tags/animation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#animation</a> <a href="https://pixelfed.social/discover/tags/illustration?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#illustration</a> <a href="https://pixelfed.social/discover/tags/art?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> <a href="https://pixelfed.social/discover/tags/motiongraphics?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiongraphics</a> <a href="https://pixelfed.social/discover/tags/digitalillustration?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalillustration</a> <a href="https://pixelfed.social/discover/tags/digitalart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalart</a> <a href="https://pixelfed.social/discover/tags/motiondesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiondesign</a> <a href="https://pixelfed.social/discover/tags/procreate?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#procreate</a> <a href="https://pixelfed.social/discover/tags/procreatedreams?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#procreatedreams</a> <a href="https://pixelfed.social/discover/tags/procreateart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#procreateart</a> <a href="https://pixelfed.social/discover/tags/digitalpainting?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalpainting</a> <a href="https://pixelfed.social/discover/tags/graphicdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicdesign</a> <a href="https://pixelfed.social/discover/tags/illustrator?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#illustrator</a>
VAGTARY<p>This one goes out to the one I love [ SOUND ON ]</p><p>Music: Perfume Genius - Die 4 You<br>.<br>.<br>.<br><a href="https://graphics.social/tags/abstractart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractart</span></a> <a href="https://graphics.social/tags/abstractartists" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractartists</span></a> <a href="https://graphics.social/tags/contemporaryart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>contemporaryart</span></a> <a href="https://graphics.social/tags/VFX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VFX</span></a> <a href="https://graphics.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://graphics.social/tags/motionGraphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motionGraphics</span></a></p>
Codrops<p>Today, our friends from Zajno share the story of how a beautiful concept came to life 🌱</p><p>Learn how they turned Green Stack, a fictional farming brand, into an interactive Webflow site powered by bold animation principles.</p><p>Read it here: <a href="https://tympanus.net/codrops/?p=89806" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">tympanus.net/codrops/?p=89806</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.social/tags/3d" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>3d</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/webflow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webflow</span></a> <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>website</span></a></p>
Dudley Storey"Plastic Ocean"<br>
<br>
Designed and rendered in Blender, with a little post-processing in PhotoShop.<br>
<br>
<a href="https://pixelfed.social/discover/tags/b3d?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#b3d</a> <a href="https://pixelfed.social/discover/tags/blender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blender</a> <a href="https://pixelfed.social/discover/tags/cycles?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cycles</a> <a href="https://pixelfed.social/discover/tags/blendercycles?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendercycles</a> <a href="https://pixelfed.social/discover/tags/blenderart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blenderart</a> <a href="https://pixelfed.social/discover/tags/blender3d?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blender3d</a> <a href="https://pixelfed.social/discover/tags/animation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#animation</a> <a href="https://pixelfed.social/discover/tags/blendercommunity?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendercommunity</a> <a href="https://pixelfed.social/discover/tags/blenderrender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blenderrender</a> <a href="https://pixelfed.social/discover/tags/3danimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#3danimation</a> <a href="https://pixelfed.social/discover/tags/motiondesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiondesign</a> <a href="https://pixelfed.social/discover/tags/cyclesrender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cyclesrender</a> <a href="https://pixelfed.social/discover/tags/ocean?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#ocean</a> <a href="https://pixelfed.social/discover/tags/sea?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#sea</a> <a href="https://pixelfed.social/discover/tags/waves?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#waves</a> <a href="https://pixelfed.social/discover/tags/oceanscape?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#oceanscape</a> <a href="https://pixelfed.social/discover/tags/sunset?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#sunset</a> <a href="https://pixelfed.social/discover/tags/lego?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#lego</a> <a href="https://pixelfed.social/discover/tags/hardsurfacemodeling?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#hardsurfacemodeling</a> <a href="https://pixelfed.social/discover/tags/hardsurfacemodelling?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#hardsurfacemodelling</a> <a href="https://pixelfed.social/discover/tags/hardsurface?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#hardsurface</a>
Dudley Storey"Morning Sun on the Open Ocean"<br>
<br>
Animation test of an open ocean, with a little editing in Adobe Premiere, created for an upcoming piece of work. <br>
<br>
<a href="https://pixelfed.social/discover/tags/b3d?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#b3d</a> <a href="https://pixelfed.social/discover/tags/blender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blender</a> <a href="https://pixelfed.social/discover/tags/cycles?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cycles</a> <a href="https://pixelfed.social/discover/tags/blendercycles?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendercycles</a> <a href="https://pixelfed.social/discover/tags/blenderart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blenderart</a> <a href="https://pixelfed.social/discover/tags/blender3d?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blender3d</a> <a href="https://pixelfed.social/discover/tags/animation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#animation</a> <a href="https://pixelfed.social/discover/tags/blendercommunity?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendercommunity</a> <a href="https://pixelfed.social/discover/tags/blenderrender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blenderrender</a> <a href="https://pixelfed.social/discover/tags/3danimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#3danimation</a> <a href="https://pixelfed.social/discover/tags/motiondesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiondesign</a> <a href="https://pixelfed.social/discover/tags/cyclesrender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cyclesrender</a> <a href="https://pixelfed.social/discover/tags/ocean?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#ocean</a> <a href="https://pixelfed.social/discover/tags/sea?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#sea</a> <a href="https://pixelfed.social/discover/tags/waves?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#waves</a> <a href="https://pixelfed.social/discover/tags/oceanscape?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#oceanscape</a> <a href="https://pixelfed.social/discover/tags/dawn?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#dawn</a>
Dudley Storey"oddlove"<br>
<br>
Frame from a Blender displacement shader animation experiment, using pixelfed's new support for webp, which is very welcome. Please let me know if there are any issues. (Devs, please add support for AVIF, when you can!)<br>
<br>
<a href="https://pixelfed.social/discover/tags/b3d?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#b3d</a> <a href="https://pixelfed.social/discover/tags/blender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blender</a> <a href="https://pixelfed.social/discover/tags/cycles?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cycles</a> <a href="https://pixelfed.social/discover/tags/blendercycles?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendercycles</a> <a href="https://pixelfed.social/discover/tags/blenderart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blenderart</a> <a href="https://pixelfed.social/discover/tags/blender3d?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blender3d</a> <a href="https://pixelfed.social/discover/tags/blendercommunity?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendercommunity</a> <a href="https://pixelfed.social/discover/tags/blenderrender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blenderrender</a> <a href="https://pixelfed.social/discover/tags/animation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#animation</a> <a href="https://pixelfed.social/discover/tags/3danimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#3danimation</a> <a href="https://pixelfed.social/discover/tags/motiondesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiondesign</a> <a href="https://pixelfed.social/discover/tags/cyclesrender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cyclesrender</a> <a href="https://pixelfed.social/discover/tags/abstract?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstract</a> <a href="https://pixelfed.social/discover/tags/abstractanimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstractanimation</a> <a href="https://pixelfed.social/discover/tags/abstractart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstractart</a> <a href="https://pixelfed.social/discover/tags/mograph?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#mograph</a> <a href="https://pixelfed.social/discover/tags/motiongraphics?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiongraphics</a> <a href="https://pixelfed.social/discover/tags/digitalart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalart</a> <a href="https://pixelfed.social/discover/tags/digitalartwork?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalartwork</a> <a href="https://pixelfed.social/discover/tags/cgi?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cgi</a> <a href="https://pixelfed.social/discover/tags/cgiart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cgiart</a> <a href="https://pixelfed.social/discover/tags/abstractanimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstractanimation</a> <a href="https://pixelfed.social/discover/tags/longlivethenewflesh?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#longlivethenewflesh</a>
Dudley Storey"oddlove"<br>
<br>
A quick Blender displacement shader animation experiment.<br>
<br>
<a href="https://pixelfed.social/discover/tags/b3d?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#b3d</a> <a href="https://pixelfed.social/discover/tags/blender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blender</a> <a href="https://pixelfed.social/discover/tags/cycles?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cycles</a> <a href="https://pixelfed.social/discover/tags/blendercycles?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendercycles</a> <a href="https://pixelfed.social/discover/tags/blenderart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blenderart</a> <a href="https://pixelfed.social/discover/tags/blender3d?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blender3d</a> <a href="https://pixelfed.social/discover/tags/blendercommunity?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blendercommunity</a> <a href="https://pixelfed.social/discover/tags/blenderrender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blenderrender</a> <a href="https://pixelfed.social/discover/tags/animation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#animation</a> <a href="https://pixelfed.social/discover/tags/3danimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#3danimation</a> <a href="https://pixelfed.social/discover/tags/motiondesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiondesign</a> <a href="https://pixelfed.social/discover/tags/cyclesrender?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cyclesrender</a> <a href="https://pixelfed.social/discover/tags/abstract?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstract</a> <a href="https://pixelfed.social/discover/tags/abstractanimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstractanimation</a> <a href="https://pixelfed.social/discover/tags/abstractart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstractart</a> <a href="https://pixelfed.social/discover/tags/mograph?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#mograph</a> <a href="https://pixelfed.social/discover/tags/motiongraphics?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiongraphics</a> <a href="https://pixelfed.social/discover/tags/digitalart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalart</a> <a href="https://pixelfed.social/discover/tags/digitalartwork?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalartwork</a> <a href="https://pixelfed.social/discover/tags/cgi?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cgi</a> <a href="https://pixelfed.social/discover/tags/cgiart?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cgiart</a> <a href="https://pixelfed.social/discover/tags/abstractanimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstractanimation</a> <a href="https://pixelfed.social/discover/tags/longlivethenewflesh?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#longlivethenewflesh</a>
Codrops<p>Our latest collection of motion gems is here 💫</p><p>A vibrant mix of animation concepts—from elegant flows to bold pops of energy!</p><p>Give your eyes a treat and get inspired: <a href="https://tympanus.net/codrops/?p=89809" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">tympanus.net/codrops/?p=89809</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.social/tags/inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>inspiration</span></a></p>
inspirationgrid<p>Colored Sand: Experimental Digital Art by Nomaal Studio <a href="https://theinspirationgrid.com/colored-sand-experimental-digital-art-by-nomaal-studio/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">theinspirationgrid.com/colored</span><span class="invisible">-sand-experimental-digital-art-by-nomaal-studio/</span></a> <a href="https://graphics.social/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>art</span></a> <a href="https://graphics.social/tags/MastoArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MastoArt</span></a> <a href="https://graphics.social/tags/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>3D</span></a> <a href="https://graphics.social/tags/DigitalArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalArt</span></a> <a href="https://graphics.social/tags/DigitalIllustration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DigitalIllustration</span></a> <a href="https://graphics.social/tags/illustration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>illustration</span></a> <a href="https://graphics.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://graphics.social/tags/MotionDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MotionDesign</span></a> <a href="https://graphics.social/tags/ArtInspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ArtInspiration</span></a> <a href="https://graphics.social/tags/ArtInspo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ArtInspo</span></a> <a href="https://graphics.social/tags/inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>inspiration</span></a> <a href="https://graphics.social/tags/InspirationGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InspirationGrid</span></a></p>
Thomas Maria Helzle<p>"The Force"</p><p>Full length 4k 60fps version on YouTube:<br><a href="https://youtu.be/gn2PE9LoU0g" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/gn2PE9LoU0g</span><span class="invisible"></span></a></p><p><a href="https://mastodon.art/tags/mastoart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mastoart</span></a> <a href="https://mastodon.art/tags/tooll3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooll3</span></a> <a href="https://mastodon.art/tags/hlsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hlsl</span></a> <a href="https://mastodon.art/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.art/tags/force" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>force</span></a> <a href="https://mastodon.art/tags/particles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>particles</span></a> <a href="https://mastodon.art/tags/physarum" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>physarum</span></a> <a href="https://mastodon.art/tags/flocking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flocking</span></a> <a href="https://mastodon.art/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.art/tags/realtime" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>realtime</span></a> <a href="https://mastodon.art/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.art/tags/audiovisual" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>audiovisual</span></a> <a href="https://mastodon.art/tags/abstractart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractart</span></a> <a href="https://mastodon.art/tags/generativeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generativeart</span></a> <a href="https://mastodon.art/tags/proceduralart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>proceduralart</span></a> <a href="https://mastodon.art/tags/newmediaart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>newmediaart</span></a> <a href="https://mastodon.art/tags/natural" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>natural</span></a> <a href="https://mastodon.art/tags/organic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>organic</span></a> <a href="https://mastodon.art/tags/fluid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fluid</span></a> <a href="https://mastodon.art/tags/stream" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>stream</span></a> <a href="https://mastodon.art/tags/zen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zen</span></a></p>
Thomas Maria Helzle<p>"The Force"</p><p>Next step in my simple look-ahead agent force R&D for Tooll3, written in HLSL as a compute shader.<br>This one is looking ahead and a bit to the left and right and determines where to go based on where it is brightest.<br>For that, I feed the resulting rendered frame back into the force.</p><p>Generative sound in <a href="https://mastodon.art/tags/Bitwig" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bitwig</span></a> Studio using <a href="https://mastodon.art/tags/Synthmaster3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Synthmaster3</span></a></p><p><a href="https://mastodon.art/tags/tooll3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooll3</span></a> <a href="https://mastodon.art/tags/hlsl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hlsl</span></a> <a href="https://mastodon.art/tags/shader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shader</span></a> <a href="https://mastodon.art/tags/force" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>force</span></a> <a href="https://mastodon.art/tags/particles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>particles</span></a> <a href="https://mastodon.art/tags/MastoArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MastoArt</span></a> <a href="https://mastodon.art/tags/flocking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flocking</span></a> <a href="https://mastodon.art/tags/motiondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>motiondesign</span></a> <a href="https://mastodon.art/tags/realtime" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>realtime</span></a> <a href="https://mastodon.art/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.art/tags/audiovisual" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>audiovisual</span></a> <a href="https://mastodon.art/tags/abstractart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstractart</span></a> <a href="https://mastodon.art/tags/noai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>noai</span></a> <a href="https://mastodon.art/tags/proceduralart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>proceduralart</span></a> <a href="https://mastodon.art/tags/zen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zen</span></a></p>
ExploreLive 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.
Create accountLoginDrag & drop to upload