{"id":182337,"date":"2025-11-19T07:34:00","date_gmt":"2025-11-19T12:34:00","guid":{"rendered":"https:\/\/www.techsmith.com\/learn\/?post_type=tutorial&#038;p=182337"},"modified":"2026-02-18T20:23:17","modified_gmt":"2026-02-19T01:23:17","slug":"animations","status":"publish","type":"tutorial","link":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/","title":{"rendered":"Zoom In to Focus Attention"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-introduction\">Introduction<\/h2>\n\n\n\n<p>Use animations to zoom in to focus the viewer&#8217;s attention and pan to important parts in your video. Camtasia Editor offers three ways to add zoom and pan animations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SmartFocus:<\/strong> Automatically add zoom and pan animation points to screen recordings made with Camtasia Recorder (.trec).<\/li>\n\n\n\n<li><strong>Animations:<\/strong> Add animations, such as Scale Up or Custom, to create customized zooms and pans.<\/li>\n\n\n\n<li><strong>Zoom-n-Pan:<\/strong> Use the Zoom-n-Pan preview to visually set the area to zoom and focus on.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-smartfocus\">SmartFocus<\/h2>\n\n\n\n<p>SmartFocus\u2122 collects data from the .trec screen recording, such as cursor movements, mouse clicks, and other actions to automatically add zoom and pan animations to your media.<\/p>\n\n\n\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/z6h2jpx1e0.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_z6h2jpx1e0 videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-apply-in-camtasia-rev\">Apply in Camtasia Rev<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Turn on&nbsp;<strong>Camtasia Rev<\/strong>&nbsp;in the recorder to automatically open Rev after you stop recording.<br><img loading=\"lazy\" decoding=\"async\" width=\"853\" height=\"212\" class=\"wp-image-339088\" style=\"width: 853px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-recorder-rev-toggle.png\" alt=\"Rev toggle in Camtasia Recorder\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-recorder-rev-toggle.png 853w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-recorder-rev-toggle-300x75.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-recorder-rev-toggle-768x191.png 768w\" sizes=\"auto, (max-width: 853px) 100vw, 853px\" \/><\/li>\n\n\n\n<li>On the Screen tab in Camtasia Rev, click to apply the <strong>SmartFocus<\/strong> effect.<br><img loading=\"lazy\" decoding=\"async\" width=\"1181\" height=\"648\" class=\"wp-image-339095\" style=\"width: 1181px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-rev-smartfocus.png?ver=1761746576\" alt=\"SmartFocus effect in Camtasia Rev\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-rev-smartfocus.png 1181w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-rev-smartfocus-300x165.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-rev-smartfocus-1024x562.png 1024w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/10\/c26-rev-smartfocus-768x421.png 768w\" sizes=\"auto, (max-width: 1181px) 100vw, 1181px\" \/><br>Camtasia Editor automatically adds zoom and pan animations to the video.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-apply-in-camtasia-editor\">Apply in Camtasia Editor<\/h3>\n\n\n\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/c0ss7zzak3.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_c0ss7zzak3 videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"tip tip-camtasia\">\n\t<p>Tip: Apply SmartFocus first.<\/p>\n\t<p>SmartFocus replaces any animations currently applied to the media. After you apply SmartFocus, you can apply additional zoom and pan animations manually. See <a href=\"#h-manually-apply-zoom-animations\">Manually Apply Zoom Animations<\/a>.<\/p>\n<\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Animations &gt; Animations subtab<\/strong>.<\/li>\n\n\n\n<li>Drag the <strong>SmartFocus<\/strong> animation onto a .trec file on the timeline.<br>Camtasia Editor automatically adds zoom and pan animations onto the timeline.<\/li>\n<\/ol>\n\n\n\n<details>\n<summary><strong>SmartFocus Recording Tips<\/strong><\/summary>\n<p>To help SmartFocus predict where to apply zoom and pan animations, follow the tips below during recording:<\/p>\n<ul><li><b>Slow down.<\/b> Use slow, deliberate mouse movements.<\/li>\n<li><b>Limit clicking.<\/b> Do not randomly click around the screen or repeatedly click with the mouse.<\/li>\n<li><strong>Record clips longer than 30 seconds.<\/strong> SmartFocus is optimized for recordings longer than 30 seconds. For shorter clips, manually add zoom and pan animations. See <a data-type=\"internal\" data-id=\"#h-manually-apply-zoom-animations\" href=\"#h-manually-apply-zoom-animations\">Manually Apply Zoom Animations<\/a>.<\/li>\n<li><b>Do not \u201ctalk\u201d with the cursor.<\/b> Do not move the cursor around or point at unnecessary areas on the screen as you speak. Try to keep the cursor still in the area of focus in the recording unless you are demonstrating a focused action.<\/li>\n<li><b>Keep the cursor close when entering text.<\/b> SmartFocus may not predict the correct action if you click in a text box, move the cursor to the other side of the screen, and then start talking. If you want the viewer to see what is typed into the text box, keep the cursor in or near the text box.<\/li>\n<li><b>Use the mouse scroll wheel (if applicable).<\/b> Try using the mouse scroll wheel instead of clicking and dragging on the scroll bar. SmartFocus may zoom in on the scroll bar instead of the content scrolling. For example, use the mouse scroll wheel when scrolling long web pages.<\/li>\n<\/ul>\n<\/details>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-smartfocus-at-time-mac-only\">SmartFocus at Time (Mac Only)<\/h3>\n\n\n\n<p>SmartFocus at Time allows you to apply SmartFocus at a specific point in your video.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Drag the playhead on the timeline to where you want to apply SmartFocus.<\/li>\n\n\n\n<li>Click the <strong>Animations tab<\/strong>.<\/li>\n\n\n\n<li>Drag the <strong>SmartFocus at Time<\/strong> animation onto a .trec file on the timeline.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-manually-apply-zoom-animations\">Manually Apply Zoom Animations<\/h2>\n\n\n\n<p>Manually add animations, such as Scale Up or Custom, to create customized zooms and pans.<\/p>\n\n\n\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/1runci3zii.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_1runci3zii videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select the <strong>Animations tab &gt; Animations subtab<\/strong> (Windows) or click the <strong>Animations tab<\/strong> (Mac).<br><img decoding=\"async\" class=\"wp-image-322155\" style=\"width: 414px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/04\/animations-subtab.png\" alt=\"Animations subtab\"><\/li>\n\n\n\n<li>Drag the <strong>Scale Up<\/strong> animation onto media on the timeline.\n<ul class=\"wp-block-list\">\n<li>To position when the animation occurs, drag the arrow.<br><img loading=\"lazy\" decoding=\"async\" width=\"381\" height=\"66\" class=\"wp-image-188234\" style=\"width: 381px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-MoveAnimation.png\" alt=\"Drag the animation arrow on the timleline\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-MoveAnimation.png 381w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-MoveAnimation-300x52.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-MoveAnimation-150x26.png 150w\" sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/li>\n\n\n\n<li>To change the animation duration, drag either end of the arrow.<br><img loading=\"lazy\" decoding=\"async\" width=\"381\" height=\"65\" class=\"wp-image-188240\" style=\"width: 381px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ExtendAnimation.png\" alt=\"Lengthen the animation arrow on the timeline\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ExtendAnimation.png 381w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ExtendAnimation-300x51.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ExtendAnimation-150x26.png 150w\" sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Properties<\/strong> to customize the annotation. See <a href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/media-properties\/\">Discover the Properties Panel<\/a>.\n<ul class=\"wp-block-list\">\n<li>To adjust the zoom, move the playhead to the right of the arrow and drag the <strong>Scale<\/strong> slider.<br><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"48\" class=\"wp-image-188246\" style=\"width: 364px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ScaleSlider.png\" alt=\"Scale slider\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ScaleSlider.png 364w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ScaleSlider-300x40.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ScaleSlider-150x20.png 150w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>To zoom out, drag the <strong>Scale Down<\/strong> or <strong>Scale to Fit<\/strong> animation onto the media on the timeline and adjust the location, duration, and properties of the animation.<\/li>\n\n\n\n<li>Preview the animations on the canvas to see how they appear in the final video.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/mcpjuca3w7.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_mcpjuca3w7 videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-zoom-n-pan\">Zoom-n-Pan<\/h2>\n\n\n\n<p>Use the Zoom-n-Pan preview to set the area to zoom and focus on. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n\t<div class=\"dx-block-wistia-embed\">\n\t\t<script type=\"text\/javascript\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/69k8bd50m5.jsonp\" async=\"async\"><\/script>\n\n\t\t<div class=\"wistia_responsive_padding\">\n\t\t\t<div class=\"wistia_responsive_wrapper\">\n\t\t\t\t\t\t\t\t\t<div class=\"wistia_embed wistia_async_69k8bd50m5 videoFoam=true\">&nbsp;<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n\n\n\n<details>\n<summary><strong>Windows<\/strong><\/summary>\n<ol><li>Drag the playhead on the timeline to where you want the zoom to occur.<\/li>\n<li>Select <strong>Animations &gt; Zoom-n-Pan subtab<\/strong>.<\/li>\n<li>Move and resize the zoom rectangle to get the desired effect. The area fills the canvas and displays what your viewers see.<br> <img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"270\" class=\"wp-image-189561\" style=\"width: 582px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomIn-Win-ex.png\" alt=\"Example of resizing the zoom rectangle\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomIn-Win-ex.png 582w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomIn-Win-ex-300x139.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomIn-Win-ex-580x270.png 580w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomIn-Win-ex-150x70.png 150w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><\/li>\n<li>A zoom animation appears on the timeline.\n<ul class=\"wp-block-list\">\n<li>To position when the animation occurs, drag the arrow.<br><img loading=\"lazy\" decoding=\"async\" width=\"381\" height=\"66\" class=\"wp-image-188234\" style=\"width: 381px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-MoveAnimation.png\" alt=\"Drag the animation arrow on the timleline\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-MoveAnimation.png 381w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-MoveAnimation-300x52.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-MoveAnimation-150x26.png 150w\" sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/li>\n<li>To change the animation duration, drag either end of the arrow.<br><img loading=\"lazy\" decoding=\"async\" width=\"381\" height=\"65\" class=\"wp-image-188240\" style=\"width: 381px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ExtendAnimation.png\" alt=\"Lengthen the animation arrow on the timeline\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ExtendAnimation.png 381w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ExtendAnimation-300x51.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ExtendAnimation-150x26.png 150w\" sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/li>\n<\/ul><\/li>\n<li>To zoom out, drag the playhead where the zoom animation ends. Repeat steps 3 and 4 to zoom out or click the <strong>Scale to fit<\/strong> button to display the entire media on the canvas. A second animation arrow appears on the timeline.<br><img loading=\"lazy\" decoding=\"async\" width=\"581\" height=\"270\" class=\"wp-image-189555\" style=\"width: 581px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomOut-Win-ex.png\" alt=\"Example of resizing the zoom rectangle\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomOut-Win-ex.png 581w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomOut-Win-ex-300x139.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-ZoomOut-Win-ex-150x70.png 150w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/li><\/ol>\n<\/details>\n<details>\n<summary><strong>Mac<\/strong><\/summary>\n<ol><li>Drag the playhead on the timeline to where you want the zoom to occur.<\/li>\n<li>Click to select the media or group to apply the zoom and pan to. <\/li>\n<li>Select <strong>Edit menu &gt; Zoom-n-Pan<\/strong>. The Zoom and Pan Window appears. The highlighted area in the white rectangle is what your viewers see.<br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"384\" class=\"wp-image-188539\" style=\"width: 500px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoompan-mac-1.png\" alt=\"Zoom and Pan window on Mac\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoompan-mac-1.png 640w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoompan-mac-1-300x231.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoompan-mac-1-150x115.png 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/li>\n<li>Complete any of the following options:<ul><li>Resize the white rectangle to zoom in or out. Yellow lines appear when the preview snaps to the canvas edge.<br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"285\" class=\"wp-image-188545\" style=\"width: 500px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoom-mac-ex.gif\" alt=\"Drag preview corners to zoom\"><\/li><li>Move the rectangle to pan across the canvas.<br><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"283\" class=\"wp-image-188552\" style=\"width: 500px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-pan-mac-ex.gif\" alt=\"Drag the preview to pan\"><\/li><\/ul>\n<ul>\n<li>Drag the <strong>Zoom<\/strong> slider or enter a percentage value to zoom in or out.<br><img loading=\"lazy\" decoding=\"async\" width=\"306\" height=\"33\" class=\"wp-image-188399\" style=\"width: 306px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoom-slider-mac.png\" alt=\"Drag slider or enter percentage value to zoom\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoom-slider-mac.png 306w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoom-slider-mac-300x32.png 300w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-zoom-slider-mac-150x16.png 150w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/li>\n<li>Click <strong>Actual size<\/strong> to scale the video to 100% its original size.<\/li>\n<li>Click <strong>Scale to fit<\/strong> to display the entire media on the canvas. <\/li><\/ul>\n<\/li>\n<li>An animation arrow appears on the timeline.\n<ul>\n<li>To position when the animation occurs, drag the arrow.<br><img loading=\"lazy\" decoding=\"async\" width=\"204\" height=\"58\" class=\"wp-image-188405\" style=\"width: 204px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-move-arrow-mac.png\" alt=\"Drag arrow to move animation on timeline\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-move-arrow-mac.png 204w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-move-arrow-mac-150x43.png 150w\" sizes=\"auto, (max-width: 204px) 100vw, 204px\" \/><\/li>\n<li>To change the animation duration, drag either end of the arrow.<br><img loading=\"lazy\" decoding=\"async\" width=\"204\" height=\"58\" class=\"wp-image-188411\" style=\"width: 204px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-arrowlength-mac.png\" alt=\"Drag arrow ends to change duration\" srcset=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-arrowlength-mac.png 204w, https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/12\/c2022-arrowlength-mac-150x43.png 150w\" sizes=\"auto, (max-width: 204px) 100vw, 204px\" \/><\/li><\/ul>\n<\/li>\n<li>Drag the playhead and repeat steps 4 and 5 to add more zoom and pan animations.<\/li><\/ol>\n<\/details>\n\n\n\n<style>\n    .product-cta{\n        width: 100%;\n        margin: 1rem 0;\n    }\n    .main-cta{\n        display: flex;\n        padding: 2rem;\n        border-radius: 10px;\n        margin-right: 0;\n        gap: 1.5rem;\n        background: #000000;\n    }<br \/>\n    .main-cta img{\n       margin: 0;\n       padding: 0;\n       width: 7.5rem;\n    }\n    .main-cta h4{\n       margin: -0.3rem 0 0 0;\n       padding: 0;\n       font-weight: 700;\n       font-size: 2.25rem;\n       color: #ffffff;\n    }\n    .main-cta p{\n       margin: 0;\n       padding: 0;\n       font-size: 1rem;\n       color: #ffffff;\n    }\n    .button-container{\n      margin-top: 1.4rem;\n    }\n    .button-container a{\n        padding: .5em 2em;\n        font-weight: 700!important;\n        border-radius: 10rem;\n        font-size: 1rem;\n        text-decoration: none!important;\n    }\n    .download-button{\n        background-color: #99E500;\n        color: #333333!important;\n    }\n    .buy-button{\n        color: #ffffff!important;\n        border: 1.5px solid #ffffff;\n    }\n    .current-user{\n        margin: 0.5rem 0 0 2rem;\n    }\n    .current-user p{\n        margin: 0;\n        padding: 0;\n        font-size: 1rem;\n    }\n\n    @media screen and (max-width:782px){\n        .product-cta > div{\n            flex-direction: column;\n        }\n        .main-cta > div{\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n    @media screen and (max-width:500px){\n        .button-container{\n            display: flex;\n            flex-direction: column;\n            text-align: center;\n        }\n        .download-button{\n            margin-top: 0.5rem;\n        }\n    }\n<\/style>\n\n<div class=\"product-cta\">\n<div class=\"main-cta\">\n<div><img decoding=\"async\" style=\"width: 120px;\" src=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2022\/08\/icon-camtasia.svg\" alt=\"Camtasia Icon Logo\" \/><\/div>\n<div class=\"content-bucket\">\n<h4>Get Camtasia<\/h4>\n<p>Unleash the world&#8217;s most powerful screen recorder and video editor.<\/p>\n<div class=\"button-container\"><a class=\"buy-button\" href=\"https:\/\/www.techsmith.com\/store\/camtasia\" target=\"_blank\" rel=\"noreferrer noopener\">Compare Plans<\/a> <a class=\"download-button\" href=\"https:\/\/www.techsmith.com\/download\/camtasia\/\" target=\"_blank\" rel=\"noreferrer noopener\">Free Download<\/a> <\/div>\n<\/div>\n<\/div>\n<div class=\"current-user\">\n<p>* Already a Camtasia Editor user? Learn how to <a href=\"https:\/\/support.techsmith.com\/hc\/en-us\/articles\/360002943931\" target=\"_blank\" rel=\"noreferrer noopener\">update to the latest version<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"feedback-widget\">\n    <p>Was this helpful?<\/p>\n    <a href=\"http:\/\/techsmith.az1.qualtrics.com\/jfe\/form\/SV_29LXZRGdyxlFBDE?Q_Language=EN&amp;Source=animations&amp;Product=Camtasia\" target=\"_blank\" rel=\"noopener\">Yes<\/a>\n    <a href=\"http:\/\/techsmith.az1.qualtrics.com\/jfe\/form\/SV_29LXZRGdyxlFBDE?Q_Language=EN&amp;Source=animations&amp;Product=Camtasia\" target=\"_blank\" rel=\"noopener\">No<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Use animations to zoom in to focus the viewer&#8217;s attention and pan to important parts in your video. Camtasia Editor offers three ways to add zoom and pan animations: SmartFocus SmartFocus\u2122 collects data from the .trec screen recording, such as cursor movements, mouse clicks, and other actions to automatically add zoom and pan animations [&hellip;]<\/p>\n","protected":false},"author":89,"featured_media":346687,"template":"single-tutorial-redesign.php","tcategory":[1367],"ttag":[2007],"tutorial_folder":[],"class_list":["post-182337","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","tcategory-animations-and-behaviors","ttag-camtasia-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Zoom In to Focus Attention | Camtasia Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zoom In to Focus Attention | Camtasia Tutorial\" \/>\n<meta property=\"og:description\" content=\"Introduction Use animations to zoom in to focus the viewer&#8217;s attention and pan to important parts in your video. Camtasia Editor offers three ways to add zoom and pan animations: SmartFocus SmartFocus\u2122 collects data from the .trec screen recording, such as cursor movements, mouse clicks, and other actions to automatically add zoom and pan animations [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/\" \/>\n<meta property=\"og:site_name\" content=\"TechSmith Learn\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T01:23:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/11\/Zoon-to-Focus-Attention.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\\\/animations\\\/\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\\\/animations\\\/\",\"name\":\"Zoom In to Focus Attention | Camtasia Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\\\/animations\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\\\/animations\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Zoon-to-Focus-Attention.png\",\"datePublished\":\"2025-11-19T12:34:00+00:00\",\"dateModified\":\"2026-02-19T01:23:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\\\/animations\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\\\/animations\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\\\/animations\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Zoon-to-Focus-Attention.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Zoon-to-Focus-Attention.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\\\/animations\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"All Tutorials\",\"item\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Camtasia\",\"item\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/tutorials\\\/camtasia\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zoom In to Focus Attention\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#website\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/\",\"name\":\"TechSmith Learn\",\"description\":\"Show What You Know\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#organization\",\"name\":\"TechSmith Corporation\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/techsmith-logo.png\",\"width\":1307,\"height\":390,\"caption\":\"TechSmith Corporation\"},\"image\":{\"@id\":\"https:\\\/\\\/www.techsmith.com\\\/learn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zoom In to Focus Attention | Camtasia Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/","og_locale":"en_US","og_type":"article","og_title":"Zoom In to Focus Attention | Camtasia Tutorial","og_description":"Introduction Use animations to zoom in to focus the viewer&#8217;s attention and pan to important parts in your video. Camtasia Editor offers three ways to add zoom and pan animations: SmartFocus SmartFocus\u2122 collects data from the .trec screen recording, such as cursor movements, mouse clicks, and other actions to automatically add zoom and pan animations [&hellip;]","og_url":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/","og_site_name":"TechSmith Learn","article_modified_time":"2026-02-19T01:23:17+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/11\/Zoon-to-Focus-Attention.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/","url":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/","name":"Zoom In to Focus Attention | Camtasia Tutorial","isPartOf":{"@id":"https:\/\/www.techsmith.com\/learn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/#primaryimage"},"image":{"@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/11\/Zoon-to-Focus-Attention.png","datePublished":"2025-11-19T12:34:00+00:00","dateModified":"2026-02-19T01:23:17+00:00","breadcrumb":{"@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/#primaryimage","url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/11\/Zoon-to-Focus-Attention.png","contentUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2025\/11\/Zoon-to-Focus-Attention.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia\/animations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"All Tutorials","item":"https:\/\/www.techsmith.com\/learn\/tutorials"},{"@type":"ListItem","position":2,"name":"Camtasia","item":"https:\/\/www.techsmith.com\/learn\/tutorials\/camtasia"},{"@type":"ListItem","position":3,"name":"Zoom In to Focus Attention"}]},{"@type":"WebSite","@id":"https:\/\/www.techsmith.com\/learn\/#website","url":"https:\/\/www.techsmith.com\/learn\/","name":"TechSmith Learn","description":"Show What You Know","publisher":{"@id":"https:\/\/www.techsmith.com\/learn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techsmith.com\/learn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.techsmith.com\/learn\/#organization","name":"TechSmith Corporation","url":"https:\/\/www.techsmith.com\/learn\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techsmith.com\/learn\/#\/schema\/logo\/image\/","url":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","contentUrl":"https:\/\/www.techsmith.com\/learn\/wp-content\/uploads\/2021\/09\/techsmith-logo.png","width":1307,"height":390,"caption":"TechSmith Corporation"},"image":{"@id":"https:\/\/www.techsmith.com\/learn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial\/182337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/users\/89"}],"version-history":[{"count":2,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial\/182337\/revisions"}],"predecessor-version":[{"id":347436,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial\/182337\/revisions\/347436"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/media\/346687"}],"wp:attachment":[{"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/media?parent=182337"}],"wp:term":[{"taxonomy":"tcategory","embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tcategory?post=182337"},{"taxonomy":"ttag","embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/ttag?post=182337"},{"taxonomy":"tutorial_folder","embeddable":true,"href":"https:\/\/www.techsmith.com\/learn\/wp-json\/wp\/v2\/tutorial_folder?post=182337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}