Resizing my screen record to match my story size

Jun 28, 2017

Hi guys,

I've been going round in circles with this so hopefully someone can help!

I am recording a step-by-step process on my 1280 x 720 laptop for our 1920 x 1150 story-sized file. When I drop it in it's smaller than 1920 x 1150, which I get. (See attached 'What it looks like' screenshot)

This is where I am stuck. 

I want the 1280 x 720 screen record to (almost) fill the 1920 x 1150 screen. (See other attached 'What I would like it to look like'  screenshot, with an inserted black banner at the top)

I've followed all the 'resize to this, then resize to that' advice/posts (without really knowing why) and am no closer to having the desired outcome.

I think I need a step-by-step guide explaining each step at this rate - I'm just having a brainfade each time I attempt to fix it!

Thanks for reading this far!

Ian

6 Replies
Nicole Legault

Hey Ian, 

Thanks for posting your question here in the forums. This is quite timely as I'm actually writing an article about this exact topic right now, re: how to set your recording size for creating software sims in Storyline. 

So  here's what you need to know: You want your recording area (which you set when you launch the recording tool) to be BIGGER than your slide size (as big as your monitor will allow you to record) but always keep the same aspect ratio as your slide.

In this case it seems your recording area (1280 x 720) is smaller than your slide size (1920 x 1150) which is why the recording is being centered in the middle like it is, and not filling up the entire slide. 

In this case it also looks like you want to leave room at the top for a header bar to appear.... that will be tricky to accomplish because in Storyline if the recording doesn't fill the slide entirely Storyline automatically adds bars of space on each side (either top and bottom, or on both sides, depending if the recording is wider or taller than the slide size) and you can't reposition the software simulation on the slide to make the bar appear entirely at the top.

Here's how it looks when the screen recording doesn't fill an entire slide, it adds bars at the top and bottom like this image shows... see the white at the top and the bottom? This is because the recording area had a different aspect ratio than my slide. 

Your best bet will be to create your recording so it fills the entire slide. Or, when you record you could leave an empty blank space at the top of your recording area and then cover that with a rectangle shape after to use as your black bar across the top of your slide. 

Here's a series that has all the articles I've written about creating software sims with the Storyline screen recorder: https://community.articulate.com/series/everything-you-need-to-know-about-creating-software-simulations-with-storyline 

And remember, the key takeaway here is: You want your recording area (which you set when you launch the recording tool) to be BIGGER than your slide size (as big as your monitor will allow you to record) but always keep the same aspect ratio as your slide.

Ian Anderson

That actually makes sense - thank you! The largest I can get my monitor is 1680 x 1050, but I do have a big screen TV at home, so could give that a whirl. Not sure why we've picked 1920 x 1150 as our story size, but we have. Oh well.

Why do people reduce the size, then increase it again then? I don't understand what that does to the whole process.

PS I'll be looking forward to that article now!

Nicole Legault

Hi Ian! Glad this was helpful and made sense for you :) I'm not sure I understand your question: 

Why do people reduce the size, then increase it again then? I don't understand what that does to the whole process.

Can you elaborate what you mean by reduce the size and then increase it again? I'm not sure what you're referring to there sorry :( And yes I'll make sure to post a link to that article in here for you when it comes out :)

This discussion is closed. You can start a new discussion or contact Articulate Support.