Hide Mistakes in Screenflow with a Second Recording in the Top Layer

John Lindquist
InstructorJohn Lindquist
Share this video with your friends

Social Share Links

Send Tweet
Published 5 years ago
Updated 5 years ago

We all accidentally forget to close something before recording a lesson or leave something on the screen unintentionally. This lessons covers using Screenflow to hide mistakes you may have made by making a second recording, placing it on top of your recording, and cropping out the pieces that you need.

Instructor: [00:00] In this lesson, I accidentally left the console open the entire time, and I want to hide that. I'm going to open my project, and start a new recording and screen flow. Once I select end recording, it'll ask me to add it to the document, which I'll do.

[00:15] Then come over here to my media, and you'll see it selected. It'll have both the visuals and the audio selected, but I only want the visuals. I'll just select that. Then I'm just going to right-click and add to timeline at the scubber.

[00:29] You can see here that it is covering up. There's no motion here, and it's just covering up the video underneath it. I can show and hide it with this little eyeball here. It's hidden and shown. You can see that it's covering that up.

[00:43] I'll select this visual, and come into here in the video. I can crop this so that the only piece I take is this bottom right-hand corner to cover the console. I'll scoot this all the way off to the left, and then all the way off the top.

[01:00] Or if it's bigger than that, which this one is, you can hold down control. That turns on the cropping mode. Holding down control, I'm just going to eyeball this. That should get rid of the console there. If I scrub, you can see that this comes back into view right when this clip ends over here.

[01:20] What I need to do is just hold down alt, and then expand it all the way out. I'm going to hold down Alt and scroll to make my clips smaller, or zoom out and hold down Alt again, and drag this so that it extends to the end.

[01:37] Now, essentially, I have a layer, just like in Photoshop, of a white clip, which is now hiding my console, the entire video, and not blocking. You can see the code and everything happening in the browser, and it's not blocking anything else that's going on.

[01:55] This same approach works for hiding things like the explorer, a console, tabs, or other things you may want to hide, if I wanted to hide my icon up here. Any piece that persists throughout the entire video, you can hide with this technique.

~ 9 minutes ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today