40
Editing ScreenFlow Projects
Editing Your Project on the Canvas
52
ScreenFlow User Guide
Arranging and Adjusting Clips on the Canvas
After you add clips to your project, you can quickly and easily arrange them spatially on
the canvas, and you can crop, resize, rotate, add filters, etc.
Figure 17. Arranging and Adjusting Clips on the Canvas Pane
To operate on a clip, click to select it. ScreenFlow highlights the clip (both on the canvas
and the timeline). When you select a clip on the canvas, it also selects it on the timeline.
Background Color
Click the Background Color button (to the right of the
Canvas height and width fields) to choose the background
color of the canvas (default: black.) If your visual elements
don’t obscure the background, it displays as part of the video.
Snap to Front
Window
Check to highlight a foreground window in your recording
and want to crop the area outside of that window. This helps
you to crop the canvas around the foreground window.
When you start your recording, no window is selected. So
during your recording you need to click on the window you
want to highlight. After the recording, you need to move the
scrubber to where you clicked to highlight. Now you can click
on the canvas button, move the sides and they will snap to
your highlighted (focused) window.
Reset | Cancel | Apply Use these buttons to reset the settings to the default values,
cancel changes you’ve made, or apply the changes you’ve
made, before hiding these controls.
Table 4. Canvas Properties
Control
Description
Click a media clip to highlight it.
Grab a resize handle to resize
the rectangle.
Grab the center handle to
rotate the clip at any angle.
Notice the highlighted clip on
the timeline, and the scrubber
bar’s position.
41
Editing ScreenFlow Projects
Editing Your Project on the Canvas
53
ScreenFlow User Guide
Note: You can select a clip on the canvas or timeline when you want to view or
change its properties, which is done using the properties panes to the right of the
canvas.
Placing a Clip Spatially
Resizing/Scaling a Clip
Cropping a Clip
Rotating a Clip
Placing a Clip Spatially
To place a clip anywhere on the canvas, click and drag it to the location you want, and
then release the mouse. When dragging a clip on the canvas, as you near the center
vertically or horizontally, yellow guidelines appear to help you locate the clip along
those lines, if you want.
The location of a clip is also specified as part of its properties. To adjust it there, select
the clip and click its Video Properties tab. The location is identified in the Position field,
as X and Y values (in pixels).
Resizing/Scaling a Clip
To resize (or scale) a clip up or down, select the clip and then select any resize handle
and drag your mouse. Hold the Shift key while scaling to preserve its aspect ratio. You
can also use the scroll wheel plus the Command key to resize the selected clip.
The scale of a clip is also specified as part of its properties. To adjust it in the video
properties panel, select the clip and click the Video Properties tab. Use the Scale slider
or manually enter a percent to resize the clip.
Cropping a Clip
To crop a clip, press and hold the Control key and drag any resize handle inward. Hold
the Shift key while scaling to preserve the aspect ratio.
The cropping of a clip is also specified as part of its properties. To adjust it there, select
the clip and click the Video Properties tab. Click the Details icon and use the left, right,
top and bottom sliders or manually enter a pixel value to crop the clip.
Rotating a Clip
Click and drag the center handle of the clip and rotate it.
The rotation of a clip is also specified as part of its properties. To adjust it there, select
the clip and click the Video Properties tab. Use the X, Y, and Z thumbwheels or manually
enter a degree value to rotate the clip in any direction.
47
Editing ScreenFlow Projects
Editing your Project on the Timeline
54
ScreenFlow User Guide
Editing your Project on the Timeline
The timeline (Figure18) is a temporal representation of your project. The timeline
displays all of the clips in your project and represents the start and end time each for
the clips. You can use the timeline to arrange clips in the order you want them played.
You can also layer them, and crop them. You can also use the timeline to add actions
(such as fade) to your clips.
Figure 18. The Timeline Displays Media Clips
The timeline is divided vertically into tracks to allow you to arrange clips that overlap at
certain points on the timeline.
Using the Scrubber
Using the Scale
Zooming In and Out on the Timeline
Using Tracks
Trimming Clips
Creating and Closing Gaps in a Single Track
Creating and Closing Gaps Across All Tracks
Using In and Out Points
Changing a Clip’s Play Speed
Grouping Clips
Locking Clips
Creating a Freeze Frame
Using Markers to Identify Points on the Timeline
Creating Transitions
Using Actions
Using the Scrubber
The red vertical bar with a handle (red flag) at the bottom is the scrubber. The scrubber
identifies the current temporal position of the view displayed on the canvas, and its
timecode displays in the toolbar.
C# HTML5 Viewer: Deployment on ASP.NET MVC Open Global asax.cs, you can find the functions shown below. Creating a Home folder under Views according to config in picture above. RasterEdge.XDoc.PDF.dll.
how to copy pictures from a pdf file; copying image from pdf to powerpoint C# HTML5 Viewer: Deployment on IIS Copy according dll files listed below under RasterEdge.DocImagSDK/Bin directory and paste to Xdoc.HTML5 RasterEdge.XDoc.PDF.HTML5Editor.dll. (see picture).
copy and paste image into pdf; how to copy picture from pdf
35
Editing ScreenFlow Projects
Editing your Project on the Timeline
55
ScreenFlow User Guide
You can scrub (move) through your project by using the mouse to grab the top handle
(in the time scale) and moving it right or left. Notice that as you use the scrubber to
scrub your project, the canvas updates in real time.
You press the Home key (or select Mark > Go to > Project Start) to jump the scrubber to
the beginning of the timeline, and the End key (or select Mark > Go to > Project End) to
jump to the end. You can also use the left and right arrow keys to move the scrubber a
frame at a time—or select Mark > Go to > Previous Frame or Next Frame.
Use the red handle (red flag) at the bottom to insert time across all layers on the
timeline, splitting clips if they fall under the scrubber.
Using the Scale
At the top of the timeline is the scale. The scale is a precise measure of the total length
of time in the project, and you can determine the start and stop time of each clip (or
action in the clip) in the project by moving the scrubber to the start or stop of the clip.
Zooming In and Out on the Timeline
If you need to zoom in on an area of the timeline to make minor adjustments—or zoom
out to see the big picture—use the timeline magnification slider (Figure19).
Note: Apple Magic Trackpad and MacBook Pro users can use pinch gestures to zoom
in/out on the timeline.
Figure 19. Timeline Magnification Slider
To change the scale magnification, use the slider in the lower left corner of the window.
At maximum magnification, each line on the scale represents a single frame of video.
Note: You can also click repeatedly on the small and large magnifier icons to
incrementally zoom in or out.
You can also use the View > Zoom Timeline to Fit (Control-T) | Zoom Timeline In (=) |
Zoom Timeline Out (-) menu items to adjust magnification.
Using Tracks
You can place multiple clips sequentially in a single track or you can place clips
separately on individual tracks, and use as many tracks as you need.
Tracks allow you to organize your clips by layer. For visual elements at the same point
on the timeline, vertical arrangement of tracks determines how they display in relation
to other tracks. The further down the stack they are on the timeline, the further back
C# Raster - Modify Image Palette in C#.NET & pages edit, C#.NET PDF pages extract, copy, paste, C#.NET VB.NET How-to, VB.NET PDF, VB.NET Word, VB is used to reduce the size of the picture, especially in
how to copy pdf image to word document; how to copy and paste a pdf image C# Word - Document Processing in C#.NET Open(docFilePath); //Get the main ducument IDocument doc = document.GetDocument(); //Document clone IDocument doc0 = doc.Clone(); //Get all picture in document
copy image from pdf preview; how to cut an image out of a pdf file
38
Editing ScreenFlow Projects
Editing your Project on the Timeline
56
ScreenFlow User Guide
they display in the video. Thus, if a track is below another track, its elements will be
obscured by the track or tracks on top. Visual elements in the top track always display
frontmost and can’t be obscured; those in the bottom track always displays farthest
back and will be obscured by the elements in all other tracks above (in front) of it.
For example, a text box placed on a track above a video overlays the text on top of the
video. If the text box were placed on the track below the screen recording, it would be
behind the recording and not visible.
Adding and Deleting Tracks
You never need to add a track explicitly; ScreenFlow adds a track every time you drag a
clip down into the timeline below the existing tracks.
To delete a track, use one of these methods:
•
Right-click in the track controller to display the context menu and select Delete
•
Click in the track controller and drag it out of the window and drop it when the
cloud displays.
Using the Track Controller
Use the controls (Figure20) in the track controller at the far left of the timeline on each
track to adjust the track height and re-arrange their order.
Figure 20. Using Track Controls to Adjust Track Height and Position
To adjust the height of a track, use the arrow buttons on the track. Click the down arrow
to decrease the track height; click the up arrow to increase track height. This can make
it easier to manage clips and other elements in your timeline.
To re-arrange a track’s position, select the track position handle and drag the track up
or down in relation to the other tracks on the timeline and drop it in the new position.
This allows you to move all of the clips, rather than moving one clip at a time.
You can click and drag a clip left or right in a timeline to adjust its start time relative to
the other clips. You can also click and drag clips to other tracks, or down to a new track.
Trimming Clips
ScreenFlow provides a few simple commands for quick editing of clips in your timeline.
Splitting a Clip
Track height
Track position
34
Editing ScreenFlow Projects
Editing your Project on the Timeline
57
ScreenFlow User Guide
Trimming a Clip
Splitting a Clip
To split your clip into two smaller clips, position the scrubber over the moment where
you want the split to occur, then press the T key or select Edit > Split. This splits the
selected clip at the scrubber into two separate clips. By default, the newly-created clip
to the left is selected after the split.
Note: Press Shift-T to split the clip and have the clip on the right selected.
Trimming a Clip
Reducing the Clip Length—To trim the front of the selected clip, position the scrubber
at the time you want the clip to begin, then press the W key or select Edit > Trim Front
to Scrubber. This trims the clip up to the scrubber, thus changing the start time—but it
does not alter the referenced media.
To trim the end of the clip, position the scrubber at the time where you want the clip to
end, then press the E key or select Edit > Trim End to Scrubber. This trims the clip (not
the media) after the scrubber.
You can also grab either end of the clip and drag it inward to trim it.
Lengthening a Previously Trimmed Clip—On a previously-trimmed clip, you can pull
either edge out from the clip to restore trimmed media.
Note: Trimming changes the amount of time the clip plays; it does not modify the
referenced media file.
Creating and Closing Gaps in a Single Track
To create a gap in a track between existing clips, drag to shift the clips to the left or right
as necessary.
To close a gap in a track, click in the gap—ScreenFlow highlights the gap in purple with
diagonal gray stripes. Press the Delete key, or control-click and select Close Gap.
Creating and Closing Gaps Across All Tracks
To create a gap in the entire timeline (across all tracks) to place a new clip, position the
scrubber where you want the gap to occur. Then, grab the handle (red flag) at the
bottom of the scrubber and move it to the right.
38
Editing ScreenFlow Projects
Editing your Project on the Timeline
58
ScreenFlow User Guide
Figure 21. Using the Scrubber to Create a Gap on the Timeline
As the gap is created and widened, all clips to the right of the scrubber (in every track)
move to the right to create the timeline gap. If the scrubber is positioned over any clip,
it splits it in two.
To close a gap, position the scrubber at the beginning of the gap you want to close.
Then, drag the bottom scrubber handle (red flag) to the left. This doesn’t join clips
which have been split; it just butts them together. If clips overlap, this forms a
transition.
Using In and Out Points
You can create in and out points on your timeline, and use them in the following ways:
•
To delete the selected (marked) section of the timeline and close the gap, select
Edit > Ripple Delete (Command-Backspace). All clips between the in and out points
on all tracks are trimmed, and each clip completely encompassing the in and out
points is split into two clips. All clips on the right are shifted left. After performing in
and out point operations, in and out points are automatically removed.
•
To delete the selected (marked) section of the timeline, without closing the gap,
select Edit > Delete. All clips between the in and out points on all tracks are
trimmed, and each clip completely encompassing the in and out points is split into
two clips, leaving a gap on the timeline. After performing in and out point opera-
tions, the in and out points are automatically removed.
•
To publish the range bounded by the points (instead of exporting the entire proj-
ect), select File > Publish Selected Range to < YouTube | Vimeo | Google Drive |
Dropbox | Facebook | Flash>. ScreenFlow displays the selected Publish dialog. Pro-
ceed as appropriate for the publisher. See Publishing Your ScreenFlow Project for
details.
•
To export the range bounded by the points (instead of exporting the entire proj-
ect), select File > Export Selected Range. (See Exporting Your Video).
Position the scrubber, then
drag the handle (red flag) to
create a gap on the timeline.
35
Editing ScreenFlow Projects
Editing your Project on the Timeline
59
ScreenFlow User Guide
The time between mark in and out points is highlighted in purple (Figure22).
Figure 22. Marking In and Out Points on Timeline
To set in and out points, position the scrubber and select Mark > Mark In Point (or press
I). ScreenFlow highlights the timeline in blue to the end of the timeline. Then move the
scrubber to the out point and select Mark > Mark Out Point (O) to set the out point.
You can reverse this process as well: Position the scrubber and set the out point.
ScreenFlow highlights the timeline in blue to the beginning of the timeline. Then move
the scrubber and set the in point.
To set in and out points relative to the position of the scrubber, shift-click on the
timeline scale. If you shift-click to the left of the scrubber, you create the in point, using
the scrubber location as the out point; if you shift-click to the right of the scrubber, you
create the out point using the scrubber as the in point.
When you create an in point without an out point, ScreenFlow automatically sets the
out point to the end of the last clip. When you create an out point without an in point,
ScreenFlow sets the in point to the beginning of the timeline.
Changing a Clip’s Play Speed
You can change the play speed of individual clips on the timeline (Figure23). This
option is useful for quickly moving past a process that doesn’t need to be shown in
detail or slowing down a quick process which should be viewed in greater detail.
To change a clip’s play speed, use one of these two methods:
•
Press and hold the Option key and move your cursor to the edge of the clip. The
cursor displays a clock icon indicating that you are changing the clip speed. Move
the edge of the clip inward to speed the clip up and outward to slow the clip down.
•
Click on the gear icon and select Show Clip Inspector (Figure23).
Figure 23. Speed Change Icons
To adjust the speed, use the slider or manually enter a percentage value, as shown
below in Figure24. You can also change the duration to change the speed. Short is
faster, longer is slower.
Gear icon with clip commands.
34
Editing ScreenFlow Projects
Editing your Project on the Timeline
60
ScreenFlow User Guide
Figure 24. Using the Clip Inspector
You can also lock a clip to prevent editing.
The clip is marked with a speed badge—a turtle or rabbit icon—to indicate that the clip
speed was decreased or increased.
Grouping Clips
You can group a set of clips together to link them to one another temporally, which
enables you to move them as a group in a single operation. This is useful when you
have a sequence of clips arranged, and you want to preserve their relationship to one
another.
It’s also useful when you have a screencast clip and a corresponding iSight clip with
video and/or voice-over. Because the iSight clip is on the same timecode, grouping the
two makes it easy to keep them in synch with one another.
To group a set of clips together, select the clips you want to group, and select Edit >
Group or press Command-G.
To ungroup them again, select the group, then select Edit > Ungroup or press
Command-U.
Note: ScreenFlow also supports nesting of clips—hiding nested clips in one master
nest clip, to reduce timeline complexity and increase the ease of editing. For details,
see Using Nested Clips.
Locking Clips
You can lock a clip so that it can’t be altered in any way. This is useful when you have a
clip placed or configured exactly the way you want and do not want to alter them.
Figure 25 depicts a clip which is locked—it displays dimmed and cannot be modified or
moved.
To lock a clip, select it and use one of these methods:
•
Select Edit > Lock Clip.
•
Click the gear icon on the clip and select Show Clip Inspector, then check Locked
or select Lock Clip (Alt-Command-L).
Documents you may be interested
Documents you may be interested
