Event

Goodbye green screen: Framer’s new 'infinite' video sets

Goodbye green screen: Framer’s new 'infinite' video sets

Goodbye green screen: Framer’s new 'infinite' video sets

Joseph

·

10:11

·

133K views

·

About this lesson

This is the behind-the-scenes story of how the Framer Academy studio came to life, and why Joseph refused to do green screen.

What started as a workflow problem in Oregon turned into a custom virtual production studio in Southern California, built around one constraint: hit record and get cinematic results with zero post-production pain.

Instead of a green screen, we built a real-time setup using a 120-inch Ambient Light Rejection (ALR) screen, projector-based environments, and physically accurate lighting. The result is a studio where backgrounds are in camera, lighting reacts naturally, and the entire system runs on a one-button automation.

Inside the build:

• Why the Sony A7C II saved the project with precise shutter sync (when the FX3 couldn’t)

• How ALR screen physics let us shoot with full studio lighting on

• A fully automated “go time” workflow for instant recording and live-graded output

• Swapping environments on the fly using Cinema 4D renders and AI-generated sets

If you’re building a studio, fighting green screen, or curious what creator workflows look like after post-production, this video breaks down both the how and the why.

Sign up: https://framer.link/yt

Follow: https://framer.link/yt-x

Learn: https://framer.link/yt-academy

MB01SHGTML2AJOS

0:00This is a story about the creation of0:02the Framer Academy video studio in0:05Southern California, but it's also a0:07story about [music] constraints and0:10trying something out of the ordinary.0:12And it doesn't start in California.0:16It starts here, 740 mi north in Oregon,0:20where I created a pretty big [music]0:23problem.0:25Andy's green screen videos look amazing0:28and I would love to be able to pull that0:31off. However, his workflow is a freaking0:34nightmare. He's not wrong. My workflow0:37isn't automated at all. I record audio0:40and video separately, process and sync0:42them, then export a massive file to0:45After Effects for multiple rounds of0:47keying. It's slow, unforgiving, and0:50resource intensive.0:52>> Is it's it takes forever. I have to turn0:54I have [music] to turn around like one0:55to two videos a week and I'm going to0:57lose like a whole day just to the green1:00screen workflow. I'm not doing all that.1:02I want to sit down. I want to push one1:05button. I want the background to be in1:07the scene. Like the Mandalorian. They1:09didn't shoot on a green screen. They1:10shot with a screen. An actual screen.1:14Why can't I shoot with an actual screen?1:16I had no idea that my choice of virtual1:19production was going to create all these1:21downstream headaches and infinite1:23lighting and background [music]1:24expectations for other video people that1:27would join in the coming months and1:29years. So instead of feeling bad about1:32that, I hopped on a plane to fly down to1:35sunny Southern California [music] to1:37document their process and help with a1:39little light physical labor.1:40>> Can someone push the little button with1:42the lock on it?1:43>> Yeah.1:43>> Yeah.1:44>> Yeah.1:44>> Sick. Why is this?1:46>> Can you push it more better?1:49[laughter]1:52>> This is the office suite. This is what1:55we have to work with. We're going to be1:56turning it into the recording studio of2:00the future. And we can take a look at2:01what that looks like. You want to see2:02what it's going to look like? This whole2:04thing has been planned out in great2:07detail. I built what the plan is for2:10this space to achieve essentially this2:14composition. And what we're looking at2:16here is the 120in projector screen2:20behind a desk, right? This is2:22theoretically me sitting at the desk.2:25The key to making this work, the key to2:27making this convincing is having2:29backgrounds that are rendered as if2:32they're in the same physical space as2:34the desk setup where I am, where my2:36monitor is, the room that I'm actually2:39in. Something I haven't mentioned yet is2:42that both Joseph and Justin have2:44previously been recording [music] in2:45spare bedrooms or corners of their2:47houses, and Joseph's home office is2:49about to become a nursery. So, the move2:51to an official studio for a more2:53cohesive and branded look couldn't come2:55at a better time. [music]2:56>> So, now that we got all this pretty well2:58dialed in, today is all about sound3:01dampening cuz what we were picking up on3:03this mic when we did our test recordings3:05last night was very pingy. There's a lot3:08of hard surfaces in this room. And we're3:09going to use the foam to separate the3:11blankets from the wall a little bit. Cuz3:14if the blankets are flush with a hard3:15wall, they start to take on the3:17characteristics of the wall itself.3:22What up? Welcome to [music] the new3:25Framer Academy studio. This has been a3:28work in progress for quite some time.3:31Still a little messy. I have plenty of3:32cable management to do, but let's talk3:34about the setup itself. We've got our3:37camera over here, which is a Sony A7C2.3:42Normally we shoot with a Sony FX3, but3:44with the setup that we have now with the3:46projector, we have to set a very, very3:49specific shutter speed to sync with the3:52flicker of that projector. And the Sony3:54FX3 actually can't do it. It can't let3:57us tweak with the granularity that we3:59need to have perfect sync. We've got our4:01big key light here. Nothing too extreme4:04for the light itself, but we do have an4:06Amaran 300C, which is a full RGB light.4:09We also have two AMAN T4C's which again4:14are full RGB lights. This is called an4:17ambient light rejection projector4:19screen, an ALR projector screen. And4:22it's actually got a saw to pattern on.4:24It's very, very fine, but there's a saw4:26to pattern where the top of each tooth4:29is dark and not reflective, and the4:31bottom of each tooth is highly4:34reflective. It's gray, but it's highly4:36reflective. And the projector down here4:39is an ultra short throw projector which4:41is going to shine light at a very steep4:44angle. And that light that's coming up4:46at a steep angle is going to be4:48reflected forward. And the light that's4:50spilling from the room, from the key4:52light, from the edge lights, from4:53whatever light's bouncing around is4:55theoretically going to be rejected. Much4:58like we need to isolate the sound in the5:00room, we also very much need to isolate5:02the light in the room. Killing the5:04lights. When this computer comes on,5:06automatically wakes up the projector,5:08and I've got my image, the render that I5:10put together in Cinema 4D, that is set5:13as the desktop wallpaper because there's5:15really no need to fiddle with any5:16software just to display an image on a5:20display. So, that's my desktop5:22wallpaper. I can switch it out for a5:24different wallpaper when we want to go5:25to a different environment, but let's5:27take a look at what the computer is5:29going to do for us. I've set up some Hue5:31switches. I've got dummy batteries. I've5:34got a lot of things set up to happen5:37automatically here. So, I'm just going5:38to push a button called go time that5:40runs an automation that I set up when5:42it's go time. That's going to turn on5:44the camera. It's going to turn on the5:46auxiliary fan behind the camera. So, let5:49me actually start recording and we can5:51show you what this looks like and what5:53it sounds like. I don't know if my hat's5:55on straight, but yeah, here's the5:57general idea. Got my shotgun mic here5:59just out of frame. I'm looking over here6:01at my monitor just to monitor the uh the6:06video and the audio that I've got6:08capturing. And then over here on the6:09left is my actual workstation. So, as6:12I'm working in Framer and recording6:13myself, you're seeing this screen when I6:16cut to my computer screen. So, two6:19separate computers going on here. This6:21whole setup is really just about6:22control. control and automation and6:25being able to hit record and get6:27something that's super high quality6:29without the horrific workflow of going6:32through the process of keying out6:34backgrounds and, you know, doing all the6:36After Effects stuff that Andy likes to6:38do. Now, you might be thinking the same6:41thing I am right now. [music] I want to6:42see more background options. This whole6:45thing is kind of all about different6:47backgrounds and flexibility, and so far6:49we've only seen one.6:51All right, time to play with a few6:52different backgrounds. And I've got a6:54couple of sets of backgrounds to play6:56with. One set I created myself using6:58Cinema 4D. Another set was created by7:01Andy using AI. What's fun about having7:04created this in Cinema 4D is that I can7:06play with the lighting. So, I can click7:08the lights off. I can go full dusk by7:12changing the lighting of the environment7:14entirely. Let's go to a completely7:17different environment. And now my edge7:20lights have changed and I can play with7:22those even more to kind of show you.7:24I've got these warm edge lights uh that7:27allow me to sort of dial up the light7:31from the background spilling onto me7:34onto the desk and uh sort of kicking7:36forward from the background. Let me7:38reset my lighting to the uh first one7:41where we started and let me go to one of7:42his daytime scenes because he created7:45this which has quite a bit of natural7:49light spilling in from a window sort of7:50off to the side which is kind of similar7:52to the first example that we started7:54with. But none of it's really hitting7:57me. And one of the caveats to this setup7:59is I can't really wrap myself in light8:02from the front. So, if the background8:04implies that there is light coming from8:06all angles in this space, I can't really8:09light myself for that because that light8:11would spill onto the projector and it8:13would wash out the image. So, this lends8:16itself, this whole setup kind of lends8:18itself more to darker, moodier lighting,8:21to setups where there isn't a ton of8:23light in front of me, but there is light8:24behind me. There we go. That's much8:26better. I created a preset where the8:28light is not so much splashing on me8:31from behind for sort of darker8:32backgrounds. And then we've got that8:34cool dark light that's bouncing off the8:36back. And there's another one that looks8:37kind of dark and blue that he gave me.8:40Yeah, this one here. Um, might be a8:42little bit weird that the background is8:44this close to me and this warm light is8:48hitting me but is not hitting the8:50background. So, this is one of those8:52scenarios where I wish this wasn't AI8:56cuz I could kind of fine-tune this in8:57Cinema 4D. Andy created this one in AI,9:00but if I were to recreate this one9:01perhaps in Cinema 4D or have Andy take9:03another pass at it, I would probably9:05account for the key light that's hitting9:07me also hitting the background. The9:09background couldn't possibly be this ice9:12cold if it's this close to me and I'm9:14this warm. This one I'd probably want to9:16light similarly to the previous one,9:18except in this case we've got the light9:21coming more directly from behind. There9:23we go. That's a bit better. And then9:25this last one that Andy sent over, it's9:28pretty similar. Pretty similar. We got9:30sort of a like a 3/4 window light uh9:33vibe going on. Kind of like splitting9:35the difference between the side window9:37here and the rear window here. So yeah,9:40we got a lot of options to go with and9:42they're all they're all pretty9:45lightable. So yeah, looks to me like9:46this setup is going to be pretty9:48flexible. Works well with light9:50backgrounds, dark backgrounds, as long9:51as the implication is not that I'm in an9:54environment that's completely surrounded9:56by light. If you want to see what kind9:58of things come out of this studio, check10:00out the Framer Academy and design your10:02own website for free at framer.com.10:08This is BTS.

Watch on YouTube ↗

More in this topic

Framer Event — Introducing Agents, Branching, and a new Community40:01
Framer Event — Introducing Agents, Branching, and a new Community
Event17K views · 2 days ago
State of Sites '26: Discover the Unfiltered Truth0:38
State of Sites '26: Discover the Unfiltered Truth
Event2K views · 2 months ago
Framer Awards 2025: Announcing the Winners12:42
Framer Awards 2025: Announcing the Winners
Announcement11K views · 3 months ago
The Framer Awards 2025 - $100K In Prizes - Submit Now0:31
The Framer Awards 2025 - $100K In Prizes - Submit Now
Announcement2K views · 6 months ago
Join the Framer Halloween Office Party Costume Contest™1:02
Join the Framer Halloween Office Party Costume Contest™
Event1K views · 7 months ago
Framer Event — Introducing Design Pages. A better way to design and explore on the Framer canvas.7:00
Framer Event — Introducing Design Pages. A better way to design and explore on the Framer canvas.
Event22K views · 9 months ago
Framer Event — Introducing On-Page Editing7:29
Framer Event — Introducing On-Page Editing
Event12K views · 10 months ago
What we launched at our Spring Event in 90 seconds1:24
What we launched at our Spring Event in 90 seconds
Event9K views · 1 year ago

Create a free website with Framer, the website builder loved by startups, designers and agencies.