Tutorial: The Basics I m a g e C a p t u r e + E d i t i n g + V i d e o C a p t u r e

Table of Contents

Chapter 1 “Capture scrolling web pages”…………………………………….................…….3

Chapter II “Capture scrolling web pages.”…………………………………......….......……...6

Chapter III “Creating “screen cam” videos”………………………...........................……….9

2 Chapter I: Capturing/Editing Images

Let’s begin with Capturing an image! Image capturing

In this lesson you will open open Myspace.com in a browser, go to your Myspace homepage, then capture an image of your homepage, then resize and crop it. The finish product should look like Figure 1

Let’s begin:First make sure you have an account with 1. Myspace.com. If you don’t, create one.Open Myspace in Firefox. 2.

If your having problems with starting an account and navigating through Myspace, refer to the help link in the upper-right corner of Myspace’s

startpage.

Go to your Myspace homepage.3. Open Snagit by clicking on the 4. Snagit icon on your desktop. This bring up Snagit’s main screen. Press the big red button at the lower 5. corner of the screen. Refer to Figure 2

This causes the Snagit’s main page to disappear and the previous window view to display. You should see the target screen and your curser should become a cross.

Figure 1

C h a p t e r ICapturing/Editing Images

You can use Snagit to capture images like snapping a photo on you computer screen. Thereby, you can show what you have been working on or what you were doing on your computer. After capturing the image, your image is shown to you on a editing screen where you can do, among other things, resize and/or crop your image.

Figure 2

3 Chapter I: Capturing/Editing Images

Make sure the target screen is the next window opened behind Snagit. If the correct screen is not there after you have pressed the red button, press the escape button, maximize the target screen you wish to capture, return to Snagit,

then repeat step 2

Let’s capture and image.6. Place your curser beneath the a. body of your target on either side (If you want to capture the whole screen, then place the curser on either corners of the screen.) Hold down the right mouse button.b. Move the curser diagonally up c. towards the opposing cornerA box will open around your d. target. Refer to Figure 3Let go of the right mouse button when e. you’ve selected the desire area.A new Snagit screen will replace your f. target screen.Your capture should be within it. Refer back to Figure 1This is Snagit’s image editorg. Congratulations! You captured h. your first image with Snagit

If you didn’t capture your target as you would desire, close image editor screen. This will bring you back to the Snagit’s main page. Repeat

steps one and two.

Now that we have an image, lets play around! Cropping and Resizing Images in Snagit Image Editor

Let us start by Cropping an image:1. Place your curser on one the a. image’s handles. Refer to Figure 4Hold down the left mouse buttonb. Grab one of these handles by placing c.

Figure 4

Figure 3

4 Chapter I: Capturing/Editing Images

your curser over it until the curser turns into a two sided arrow.Drag the handle inward to d. eleminate unwanted areas.Press e. Alt-z if you don’t like your cropping to start over.

Note: All areas cropped are gone and simply by dragging back from the direction you went

will not restore the image.

Congratulations! You just 2. cropped your first image!Let’s resize your image:3.

On the Snagit Image editor screen, you will see a captured image on the editing canvas. To the right of it will be a bar listing a series of commands. They will be broken up into four categories. Refer to Figure 5

Select the first choice under the a. category “Size” titled “Resize Image.” Refer to Figure 6This will bring up new options b. that will allow you to change the size of your captured image.By press up and down on the c. buttons adjacent to either the Width or Height boxes, you increase of decrease the size of your image.Congratulations! You can now d. resize your captured image!

The real benefit of the Snagit Image Capturing Function is the ability to edit an image after aquiring it. This allows you to tailor what you grab instantly. Later on when the image needs further work, you may return to this editor (or use another image editor if you choose) to editted the image again.

Firgure 6

Figure 5

5 Chapter I: Capturing/Editing Images

That concludes this section. Now, go get some coffee and come back and play around with the

new skills you’ve acquired!

Here’s some exercises to help you develop what you’ve learned:

Capture an image on your 1. desktop and crop it so that only the image is left.Capture a photo on a webpage, 2. crop it so only the image remains, then shrink it to the size of an iconCapture one quarter of a 3. webpage and enlarge it so as to appear that that section of the screen has been magnified

Remember:If you make a mistake you can 9always use “ctrl z” and “ctrl y” to siphon between all the steps you’ve done in your workIf this doesn’t help, close the 9program and start over.If all else fails, email us: 9helpdesk@writeon.com

6 Chapter II: Capture scrolling web pages

Let’s capture a Scrolling Webpage! Scrolling page capturing

In this tutorial you will be scroll-capturing your Myspace homepage, then using the cropping and resizing tools you learned in the previous tutorial. You will resize the image so it fits on one screen.The finish product should look like Figure 1

Since we have covered cropping and resizing in the previous chapter, it will not be covered here. If your still unsure about the latter topics,

do the first chapter over.

Let’s begin:Open target screen.1. Open Snagit. 2. Select Scrolling window (web page) from 3. the choices available to you. See Figure 2 Press the big red button at the 4. lower corner of the screen.

This causes the Snagit main page to disappear and the previous window view to display. You should see the target screen and your curser should become a cross.

Make sure the target screen is the next window openned behind Snagit. If the correct screen is not ready after you have pressed the red button, press the escape button then maximize the target screen you wish to capture, return to

Snagit, then repeat step 2

Figure 1

C h a p t e r I ICapture scrolling web pages.

You can use Snagit to capture a scrolling web page. With a few steps a complete page can be captured from top to bottom.

Figure 2

7 Chapter II: Capture scrolling web pages

Your now ready to capture an 5. image from the target window.

Place your curser in the main frame (a a. red, blinking outline will appear Refer to Figure 3) surrounding the webpage Press the right mouse button. b.

A countdown will be displayed on your scrollbar and the webpage will begin to scroll down. This signifies that the page is being captured. You will be brought to the Snagit image editor screen when the webpage is captured.

Use the cropping and resizing skills you c. learned in the previous chapter to get your image to the end productPress “Save as” and save your filed. Congratulations! You captured your e. first scrolling webpage with Snagit

Remember that Snagit in this mode can focus on the webpage frame or one of the frames in the webpage. If you don’t get the whole image the first time you try, start over and make sure

the whole webpage is outlined red.

Figure 3

The benefit of using Snagit Web Capture Function is you are able to get the whole page cought. A webpages typical height (due to a webpages scrolling capability) can be extremely long. Window’s screen caputure function is only able to capture what is currently being viewed. The Snagit Web Capture Fucntion will actually scroll down and aquire the whole page instead of just what is currently being viewed!

8 Chapter II: Capture scrolling web pages

That concludes this tutorial. Now, go get some coffee and come back and play around with the

new skills you’ve acquired!

Here’s some exercise to help you develop what you’ve learned:

Open your Myspace page and 1. capture it. Crop it so that only the My Bulletin Space frame is left. Open an old word document, if you 2. have one, capture it. Now, you have you word document in one single image. Shrink it so it fits on one pageOpen craigslist.org and open 3. a link to “apartments for rent,” capture it, and see how long the image is. Resize it so it fits on the screen. How small is the print?

Remember:If you make a mistake you can 9always use “ctrl z” and “ctrl y” to coffin between all the sets you’ve done in your workIf this doesn’t help, close the 9program and start overIf all else fails, email us: 9helpdesk@writeon.com

9 Chapter III: Creating screen cam” videos

Let’s record an on-screen video! On-screen video recording

In this chapter you will be making a short video using the Snagit On-screen Video Capture Function. Your end product will be a video that will show you:

Opening Internet explorera. Navigating to Yahoob. Clicking on the weather iconc. Entering “San Francisco” in d. the box asking which city to check for weatherSelect “San Francisco, CA” in e. the follow-up dialog boxViewing the current weather f. Closing Internet explorerg. Ending the video.h.

Let’s begin:Open Snagit by clicking on the 1. Snagit icon on your desktop. This bring up Snagit’s main screen.

Make sure no other program is open but Snagit.

Press the “record screen 2. video” icon. See Figure 1

This causes the Snagit main page to disappear and the previous window viewed to be display. You should see the target screen and your curser should become a cross.

You’re now ready to record a video of 3. what you’re doing on your computer.

Press the big, red button at a.

C h a p t e r I I ICreating “screen cam” videos

You can use Snagit to create on-screen videos that record your actions on the computer screen. Once you’ve finished recording, you can save the videos as mpegs and other video formats, which can be viewed on Media Player, Quicktime, Realplayer, or any media player you perfer.

Figure 1

Figure 2

10 Chapter III: Creating“screen cam” videos

the lower right hand corner of the Snagit main menuPlace your curser at the b. bottom of your screen .Hold down the right mouse button.c. Move the curse diagonally up d. towards the opposing cornerA box will open around e. you’re the whole screenLet go of the right mouse button.f. A dialog box should appear. Press g. the start button on the dialog box to begin. See Figure 2Open Internet exploreh. Type www.yahoo.comi. Click on the weather icon on j. the upper left-hand of the webpage. See Figure 3This opens up Yahoo’s weather page k. Enter “San Francisco” in the l. dialog box that says “Enter city or zip code.” See Figure 4You will be asked after entering m. in the San Francisco by Yahoo which “San Francisco” do you want. Select “San Francisco CA”You should now see the San n. Francisco Bayarea Weather Screen. See Figure 5When you finished, double click the o. recorder icon in your system tray.This will bring back up the p. dialog box. Press the stop button to stop recording.

Now that you’ve record your video, you 4. must save your work. As soon as you stop recording, the video editor screen pops up

Press save icon to save the recordinga. Congratulations! You just recorded b. and saved your first on screen video.

Figure 3

Figure 4

Fgiure 5

11 Chapter III: Creating screen cam” videos

That concludes this tutorial. Now, go get some coffee and come back and play around with the

new skills you’ve acquired!

Here’s some exercise to help you develop what you’ve learned:

Open you favorite email program and 1. record yourself composing an emailOpen your favorite word processer 2. and record yourself writing a document. (Or revising one)Open Windows solitaire game 3. and record yourself playing

Remember:If you make a mistake you can always 9use “ctrl z” and “ctrl y” to coffin between all the sets you’ve done in your workIf this doesn’t help, close the 9program and start overIf all else fails, email us: 9helpdesk@writeon.com