Skip to main content
Diagram features

Markup, Text, Images

Written By Clayton Combe

Last updated 5 months ago

In addition to the various film-specific items, Scenario offers more generic tools to create your plans on a Diagram.

Markup

Scenario has a lot of really specialized tools to do stuff. We have our actors, our cameras, and our lights, and they all do unique things, but sometimes you just need to sketch something out. You need to move quickly. And so for that, we have markup. Up here, you can edit markup. And this is a layer that sits on top of everything else and just allows you to draw. You have a couple of different drawing tools, marker and pen. Marker's a little thicker. pen is a little bit thinner. And then you have some simple shapes. A rectangle, which you just drag to create an ellipse. You do the same thing. At any point you can change the color with your standard color picker. And then you can create things like a line. And you see I just dragged from start to end. It's going to create that. And you can do the same thing with an arrow. And once you have these, you can choose the eraser if you want to get rid of one of them or you can choose select if you want to make changes. So this has our standard box resizing. That works just fine. And you can actually change the color after the fact. And you can change the line thickness and the line style, whether you want it to be dotted, dashed, etc. So once you're done with markup, you can hit the M key just to turn it off. And you see now all of this stuff is selectable, but the markup isn't getting in the way of what you're doing. You can still move completely around it. And it's just a separate layer that is going to help you move a little faster and express your ideas.

Markup is a single layer that sits on top of the Diagram, allowing you to annotate and illustrate as if you were drawing on paper.

  • Toggle Markup on at any time with the button in the top left Quick Items, or with the M key

  • Markup offers these tools:

    • Marker - a thick drawing tool

    • Pen - a thin drawing tool

    • Rectangle - a resizable box

    • Ellipse - a resizable circle

    • Line - straight line between points

    • Arrow - line, with an arrow head

    • Eraser - draw over other items to remove them

    • Select - choose items to modify

  • Once you’ve selected an item, you can change its:

    • Color

    • Line thickness

    • Line style – solid, dashed, dotted

Text

So this is how to use text formatting in scenario. Uh there are two places where you can use text formatting. One of them is in a text item as you can see here. The other is on a label that is on uh some other item such as a camera. So they follow two different sets of rules. The text item itself uh you just change its width and the rest of the text adjusts to that. But once you click into it, you double click on it or hit enter to uh to start editing. And then you can see that wherever you click, uh there's different formatting based on that. So if you want, you can select a certain area, you can make that bold or not bold, you can make that a different color. Um it's all very flexible when you're doing it with a text item. And you can see we can do bold, itallic, all the normal formatting stuff as well as some lists and some different justifications. And you choose that all from the bottom from the actions down here. Now, for items like cameras and actors and fixtures, the formatting applies to the entire label. So, in this case, this would be something where if you wanted to, for whatever reason, make this uh a different color. Maybe you need to make it show up a little better in a specific context. But let's say you set it up with colors like this that look good there, but make it maybe a little bit difficult to read that. So, once you click into text editing here, any changes you make are going to apply to the whole text. So, if I change the color here to white, we see the whole thing becomes white. If I make it bold, the whole thing becomes bold. And what that means is that you can still edit this text over here and uh and also in the layers sidebar and it'll update it here but keep the formatting. So that is how we use that. The other thing that we've changed is now instead of just deleting this text in order to make that label go away, you can actually just toggle it off, which means that you don't have to get rid of the name. The name is a useful thing to be able to see over here and over here. So you can just toggle it on and off as needed. And that extends to when you're adding an item. The show default label doesn't determine whether or not it puts the text in there. It just determines whether or not it actually gets shown. So when I drag it in, you see now it's not there, but it's only because it's hidden. The text actually is there. So that is how you use text. Enjoy.

Use the T key or drag from Quick Items to add a text box.

  • When selected, double-click/press-hold, or hit the Enter key to edit the text

  • Once you’re editing, the bottom actions bar displays a set of formatting controls, which apply to the highlighted section of text (or to what’s typed next):

    • Color - set colors for Text and Highlight

      • These are different from the Stroke and Fill colors that appear when NOT in text-editing mode, which control all text color (overwriting any previous colors), and text box background (which does NOT overwrite highlight)

    • Text size - choose among five font sizes

    • Bold, Italic, Underline, Strikethrough - toggle on and off

    • Bulleted/Numbered List - toggle on and off

    • Text justification - choose left, center, right

Text formatting also applies to any Diagram item with a label. See Diagrams for more details.

Images

Click the image icon or use the I key to add an image from your device.

So, one thing that's pretty common is needing to add a floor plan to your diagram, something to base your diagram on some kind of real world space. And we have some cool tools to do that. So, we're just going to add an image. And the nice thing about this is it's going to let you select JPEGs, uh, PGs, PDFs, pretty much anything you can find. So, we're going to select this PDF here. One thing you'll notice is that this actually has multiple pages, and I probably only need one, but I'm going to open it up. Um, and I get to choose which pages I need. So, um, I'm going to go with this first one, but you can select multiple pages. Let's say I selected those two, and it's going to go ahead and add them both as images here. Now, I'll go ahead and delete this one so we can focus on the first one. Um, but as you can see, this image is pretty small right now. Um, I'm going to make it a little bigger so it's easier to see. But we also know we can see these dots on the background. we have an actual scale in scenario and it would take a while to kind of guess and check um what that scale needs to be. So I'm going to do something resize image. I'm going to click this and it's going to give me this distance right here. And all I need to do is I need to figure out okay what is a real distance on this diagram. You can see up here we have a looks like a 48 foot right there. So, I'm going to do this. I'm going to drag this up to match that. And I'm going to turn on snap here so it lines up exactly with the other point. Now, it says right now that's 8.9 ft. That's just not true. So, I'm going to say that's actually 48 ft. And it has just resized the entire thing to match that scale, 48 ft. So that's done. Now we have a bunch of extra stuff here. I don't want that on my diagram. So I'm going to crop it out. Now we can see, you know what? I don't even really need that. Just make it nice and clean here. Something around there. This one will go, let's see. somewhere nice and clean. Let's say right about there. Let's make sure that makes sense. Can go inside that maybe. Great. And now that's done. Now I haven't actually gotten rid of anything. If I go back and I crop it again, you see everything else is still there. It's just the crop window. I can move the crop window around like that. Redo it. Um but everything's there. It's just not what I see. And when I'm manipulating the image like normal, I can do that. I can move it around. I can rotate it. Whatever. So, another thing that's good to do with floor plan images is uh make them a little less opaque. Get them a little bit out of the way. So, we just added a quick opacity slider there. So, now it's going to be easier to see the, you know, fixtures and stuff that I put on top of it. And one thing I like to do is lock it. So, I'm just going to go and hit I can do this. I can go to display lock or you can also see command K. So, I'm just going to command K right here. But once I've done that, I can't select it anymore here. And that's the point is it's supposed to be out of the way. It's supposed to be kind of a permanent background. And if I wanted, I could go find it in layers and find it here and unlock it. But that's kind of tedious, especially when you get a lot of stuff there. So, one thing that you can do is you can just rightclick. Normally, if you right click, you get these options. Kind of generic to the diagram, but if you right click over any locked item, you can just unlock it really quick like that. So, those are the tools for setting up your floor plan image. Um, you can obviously use these tools for any image that you add, even if it's not a floor plan. Um, but that's a really nice quick way to get your foundation ready.

  • Images can be resized and rotated

    • Quickly resize a floor plan image to correct scale by setting a known distance

  • Crop any image item to only use the part you need

  • Image opacity button in the bottom actions, for quick adjustments

  • Right-click to unlock a locked item on the diagram

  • When importing multi-page PDFs, choose which pages to import