How to use color temperature for depth in animation

When I first learned to animate in Three.js, I realized something surprising — 3D animation isn’t magic. It’s math and timing pretending to be life. In the beginning, I was rendering still cubes. They looked fine — but lifeless. Then I discovered how animation in Three.js works: you move the object → render the frame → move again → render again. It’s digital stop-motion, and your screen is the flipbook. The key was requestAnimationFrame(), the heartbeat that repeats each frame, and THREE.Clock(), the timekeeper ensuring everything moves at the same speed across screens. With those two, I could make the cube spin — not too fast, not too slow — just right. And then came GSAP — the choreographer of motion. It didn’t just make objects move, it made them flow. Easing, delay, timing — everything felt alive. That’s when it clicked: animation isn’t about movement — it’s about rhythm. Three.js gives you the tools, but you set the tempo. What started as code became choreography. And that’s how static pixels turned into something that breathes. 🎞️ #threejs #creativecoding #frontenddevelopment #animation #webgl #gsap

Animation Pro Tip: Day 95 Shhh..🤫 Something I’ve learned after way too many late nights in Maya and Blender… We don’t talk enough about how lighting affects our animation choices from day one. I used to think lighting was just a “make it pretty” step at the end. Then one day, I experimented a shot under flat lighting and let’s just say it was humbling. Suddenly all those little spacing issues I thought I’d gotten away with? Front and center. Here’s the thing though; this quickly became one of my most valuable tools. Now I actually think about lighting during blocking: If I’m on a tight deadline and my polish pass isn’t going to be perfect? I’m planning for dramatic, high-contrast lighting from the start. Those shadows are going to guide the eye and give me some grace on the imperfections. If it’s a hero shot that needs to work in any lighting scenario the client throws at it? I’m animating under flat lighting so I know every frame will hold up. It’s not about hiding bad work; it’s about understanding your tools and making smart production decisions. Clearly, there is more than what meets the eye. #animatingwithselormx #animation #motiondesign #3danimation #productionpipeline #vfx #animationtips #cgi #creativeproduction

🌿 Flow state unlocked 🌿 Behind the scenes, trying out a 3D drinks can animation with TRIP in #Blender 🪷 This one had multiple elements to it: ✨ Modelling the can ✨ Recreating the packaging in Photoshop ✨ Simulating liquid and adding a force field to help it swirl upwards ✨ Making the water ripples with geometry nodes ✨ UV unwrapping and editing ✨ Adding a sky texture ✨ Building the clouds ✨ Placing pearls (also with geometry nodes) and animating them to bob in the water ✨ Compositing And that's not even with the art direction. Or the number of ideas or tests on the cutting room floor! It's so easy to jump onto the next project or shiny new tool. But I'm realising how important it is to look back at past work. To evaluate what worked and didn't. But also to take a moment to high-five yourself and enjoy how far you've come 🙌 #blender #aftereffects #render #3d #socialmedia #tiktok #3dartist #3ddesigner #3ddesign #animation

Animation Pro Tip: Day 106 I don’t know how this escaped me but we need to talk of the weather in animation: Many loose their audience when they don’t animate the weather but leave it like a pretty background layer. Let’s think about the last time you walked outside on a windy day. You didn’t just stroll normally with some leaves blowing past, right? You leaned into it. Your jacket pulled. Your balance shifted. That’s what I’m talking about. When I add rain to a scene now, I’m not just dropping in particle effects. I’m rethinking the entire walk cycle. Characters hunch up, they move faster, their feet hit the ground differently because it’s slippery. Snow’s even trickier. Every step has this tiny hesitation; that moment where you’re testing if your foot will hold or slide. It completely changes your timing. The breakthrough for me was realizing: your character and the environment aren’t separate things. They’re in constant conversation. The wind pushes, your character pushes back. It’s all one performance. Next shot with weather? Ask yourself how it actually changes the movement, not just the backdrop. Trust me, your animation will feel infinitely more grounded. #animatingwithselormx #animation #characteranimation #animationtips #motiongraphics #2danimation #3danimation #animators #animationpro #vfx #motiondesign #characterdesign #performanceanimation #animationworkflow #mograph #animationprinciples #animationcommunity #animationlife #animationskills #blender #maya #aftereffects

Looking good isn’t enough anymore. Why should anyone care to pay for your products or services? Your product visuals also have to make sense. The answer isn’t just to look nice. We recently worked with a client on a steel frame roofing system. The goal wasn’t just to make it look “wow”, we needed to show how it fits together and how it works. The animation showed how each steel beam connects and how the roof comes together - all while staying visually engaging. The difference was immediate. People didn’t just see the product - they understood it. Because when people understand something, they trust it more. That’s the real strength of 3D animation. It’s not just about beauty - it’s about clarity. #3dagency #3danimation #3ddesign

Blender 2025’s standout innovation is its advanced facial rigging system, now offering nuanced, lifelike expressions—from subtle eyebrow raises to full emotional breakdowns—directly within the rigging workflow. This update makes character animation dramatically more intuitive and expressive, allowing artists to craft complex facial performances without relying on external plugins or tedious manual tweaking. The new tools integrate seamlessly with Blender’s improved motion tracking, enabling you to blend live-action footage with animated characters in real time for stunning, believable results[1]. If you’re into character animation, this is a game-changer for bringing your digital actors to life. Article link: https://lnkd.in/db9gFE9v

Animation Pro Tip: Day 91 In my early years in animation, I showed one of my early character animation shots to a mentor. He watched it quietly, then said something that stuck with me ever since: “Your character looks great; but the space around them feels lifeless.” That single sentence completely reframed how I think about animation. Up until then, I’d been obsessed with timing, arcs, and poses; everything inside the silhouette. But I’d never considered the negative space: the air between arms, the gap under a jump, the shape that forms between overlapping limbs. Once I started paying attention to how those empty spaces moved from frame to frame, my work changed. My silhouettes became clearer. My poses felt stronger. My compositions started to breathe. Lesson: • Negative space defines clarity. If the shapes around your character read well, so will your pose. • Movement isn’t just about action; it’s about contrast. Empty space gives power to motion. • Good spacing guides the eye. The viewer naturally follows clean, intentional shapes. Now, I literally trace my negative shapes on each pass to see how they evolve. If they’re dull or inconsistent, I know something’s off in my posing or timing. So here’s my advice to my fellow animators: Don’t just animate your characters; animate the air around them. Because, the space you don’t fill can tell just as much story as the one you do. Try animating your negative space consciously on your next project, guys. ✌🏾 #animatingwithselormx #animation #motiondesign #animationindustry #creativeprofessionals #visualstorytelling #animationcareer #designtips

Ever wanted to create a Spider-Verse–style animation? 🕸️ The Spiderman animation style is iconic, comic-book textures, halftone patterns, and chaotic yet controlled motion. Here's how you can recreate that look using After Effects. Step 1: Text Animation • Add a simple text layer and enable Per-Character 3D • Animate it using Range Selector + Wiggly Options for that jittery motion Step 2: Color Variations • Pre-compose the text and use Tint to create different color variants Step 3: Comic-Book Style • Apply BCC Halftone on the red variant • On the blue variant, combine Fast Box Blur, Turbulent Displacement, and Set Matte to get the spray-paint texture Step 4: Glitch & Depth • Pre-compose again, add a solid layer, and use Turbulent Noise for a glitch effect _______________________________________________ Here's the Spiderman Comic Style Title Animation project file. Enjoy! :) https://lnkd.in/gy5FCmAE

Animation Pro Tip: Day 102 Stop Polishing. Start Bouncing. You’re spending hours on that character rig while ignoring the one exercise that separates pros from pretenders. Animate a bouncing ball. Right now. Sounds basic? That’s the point. Disney’s 12 principles aren’t a checklist; they’re a religion. And squash and stretch is where worship begins. Here’s what actually matters: when your ball hits the ground, crush it. Make it scream. When it launches up, stretch it like it’s trying to touch the sky. This isn’t physics class; it’s about making a sphere have more personality than most people’s demo reels. Every legendary animator returns to this exercise. Know why? Because deformation is emotion. Impact is storytelling. That split-second squash communicates weight, material, and energy better than a thousand motion blur presets. The bouncing ball isn’t beginner territory. It’s the foundation everything else is built on. Master this, and suddenly your characters breathe, your creatures intimidate, your logos pop. Stop hiding behind complexity. Perfect your fundamentals. The industry will notice. 🫡 #animatingwithselormx #animation #animationtips #motiongraphics #2danimation #3danimation #characteranimation #animationprinciples #animationart #motiondesign #animator #animators #animationlife #animatorlife #disneyprinciplesofanimation #squashandstretch #animationstudent #learnanimation #animationtutorial #animationworkflow #animationskills #animationindustry #vfx #mograph #motionographer #framebyframe #animationmentor #digitalanimation #blender #maya #aftereffects

🚀 Chapter9: Value Based Animation CustomTypeAnimationDemo: This Jetpack Compose code demonstrates custom-type animation for a 2D position (x, y) and rotation of a shape on a canvas. It uses a data class with a custom TwoWayConverter to animate non-primitive values via animateValueAsState. A spring animation smoothly transitions to random or reset targets, visualized as a blue rectangle with a red direction line, rotating around its center. UI includes buttons for interaction and a canvas for drawing. 👉 Get Your Book Copy https://lnkd.in/dMEykhHc