<img alt="" src="http://www.qlzn6i1l.com/118942.png" style="display:none;">

Employee Training

Rotating Video with Screenflow

Greg DeVore - Nov 24, 2009 5:04:00 AM
Last week on Allison Sheridan's Nosillacast she did a review of Screenflow. In it she mentioned that she couldn't figure out why they have a "rotate video" option. We use Screenflow a lot and are one of the sponsors of the Nosillacast so I thought I would throw together a quick tutorial on why and how you would use the video rotation feature in Screenflow.

Intro Video

 

Setup

Setup.png

Be sure to watch the video above so you know what we are trying to accomplish in this tutorial. To recreate the effect above you need to have first recorded your background video (in my case, a Keynote presentation).

Add Overlay Video

Add_Overlay_Video.png
Next we need to add the overlay video. To do this click Add Media (1) if you already have a recording, or Add Recording (2) if you need to do a new recording. The new recording I have added is selected in the image above (3).

Expand Your Timeline

Expand_Your_Timeline.png
We are going to add another track so we want to expand our timeline. Click on the top bar and drag up.

Drag 2nd Video Onto Preview Area

Drag_2nd_Video_Onto_Preview_Area.png
Drag the 2nd video you created onto the preview area.

Your Timeline Should Look Something Like This

Your_Timeline_Should_Look_Something_Like_This.png
You should now see your 2nd clip on top of everything. This is important. Screenflow displays elements from top to bottom so you need this 2nd clip to appear above the other clips.

Crop and Resize 2nd Clip

Crop_and_Resize_2nd_Clip.png
Crop and resize the 2nd clip. Resizing is very straight forward. Just adjust the zoom level of the clip in the Video Properties.

Cropping is a little trickier. You need to click on the handles while holding the ctl key to crop the edges.

media_1259066137094.png
You should end up with something like this.

Reposition and Resize

Reposition_and_Resize.png
Drag the video where you would like it to appear and resize it to fit in the space.

Add Rotation and Reflection

Add_Rotation_and_Reflection.png

We could leave the overlay video as is, but adding a little rotation and reflection can add a cool effect. Adjust the Y rotation (in this case -37). Then check the Reflection box.

Add Starting and Ending Transitions

Add_Starting_and_Ending_Transitions.png

Right click on the clip and add a starting and ending transition.

Position Clip

Position_Clip.png
Now just position the clip where you want it to appear in the timeline. You will have a nice overlay video that will fade up, slightly rotated, with a reflection.

You can use this same technique with other elements as well, not just an overlay video. I will sometimes do this with still images that I import into my project such as screenshots, arrows or other graphics.

Learn How Clarify Helps You Create Tutorials Out of Screenshots

Topics: Miscellaneous

Greg DeVore

Greg DeVore

CEO of ScreenSteps

Previous Post

Recovering From a Disasterous Git-rebase mistake

Next Post

Improving Audio In Screenflow Using GarageBand

1 Comment

Free Training Tips

Subscribe For Employee Training Best Practices

We talk about rollout training, onboard training, and writing better standard operating procedures

Subscribe to Email Updates

100% Privacy. No Spam.