{"id":1349,"date":"2021-09-22T01:09:07","date_gmt":"2021-09-22T01:09:07","guid":{"rendered":"http:\/\/funwithstuff.com\/blog\/?page_id=1349"},"modified":"2023-05-02T22:57:51","modified_gmt":"2023-05-02T22:57:51","slug":"annotator","status":"publish","type":"page","link":"https:\/\/funwithstuff.com\/blog\/annotator\/","title":{"rendered":"Annotator"},"content":{"rendered":"\n<div style=\"padding:56.25% 0 0 0;position:relative;\"><iframe src=\"https:\/\/player.vimeo.com\/video\/594578693?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;h=fe226b7460\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen=\"\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" title=\"Annotator Demo v 3\"><\/iframe><\/div><script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n\n\n\n<h2><strong>Annotator<\/strong>, from <strong>funwithstuff<\/strong>, is a set of flexible animated tools to mark or highlight part of your video\u201a and is available now from <a href=\"https:\/\/fxfactory.com\/info\/annotator\/\">FxFactory<\/a>.<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Annotator<\/strong> was created by Iain Anderson, the author of <a rel=\"noreferrer noopener\" href=\"http:\/\/fcpefficientediting.com\" target=\"_blank\">Final Cut Pro Efficient Editing<\/a> and an Apple Certified Trainer.<\/p><\/blockquote>\n\n\n\n<h3>With Annotator, you can draw on a hand-made arrow to point at something, throw a dotted box around something else, or even zoom in to focus on a solid circle.<\/h3>\n\n\n\n<p>Though fully customisable options are included, this is not just another callout pack \u2014 it includes unique, exclusive recordings of hand-drawn animated shapes for an organic feel. Every shape includes several different options so you can use a new variation every time \u2014&nbsp;here are just a few of the arrows and circles:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"960\" height=\"528\" src=\"http:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/variations-960x528.jpg\" alt=\"Some of hand-drawn circles and arrows in funwithstuff Annotator\" class=\"wp-image-1355\" srcset=\"https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/variations-960x528.jpg 960w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/variations-580x319.jpg 580w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/variations-768x422.jpg 768w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/variations-1536x844.jpg 1536w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/variations.jpg 2000w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>You\u2019ll find these shapes perfect for educational or instructional videos, cooking videos, reviews, or any time you need your viewers to look at something specific.<\/p>\n\n\n\n<p>Here\u2019s a video tutorial to show you more, or just read on:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-rich is-provider-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"funwithstuff Annotator First Look\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/OzPSgfwGX-0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>First, you\u2019ll pick a style that suits your project \u2014 synthetic generated options with full control over stroke with and other line properties, or organic hand-drawn options recorded from the movement of a real pen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"960\" height=\"813\" src=\"http:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/screenshot-all-the-plug-ins-960x813.jpg\" alt=\"funwithstuff Annotator as shown in the Titles browser in Final Cut Pro\" class=\"wp-image-1354\" srcset=\"https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/screenshot-all-the-plug-ins-960x813.jpg 960w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/screenshot-all-the-plug-ins-580x491.jpg 580w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/screenshot-all-the-plug-ins-768x650.jpg 768w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/screenshot-all-the-plug-ins-1536x1300.jpg 1536w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/screenshot-all-the-plug-ins.jpg 1994w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Next, from your chosen style, you\u2019ll pick a shape:<\/p>\n\n\n\n<ul><li><strong>Arrows<\/strong> to point at things.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"960\" height=\"540\" src=\"http:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/arrows-960x540.jpg\" alt=\"\" class=\"wp-image-1356\" srcset=\"https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/arrows-960x540.jpg 960w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/arrows-580x326.jpg 580w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/arrows-768x432.jpg 768w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/arrows-1536x864.jpg 1536w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/arrows.jpg 2000w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><figcaption>Many kinds of arrows are included, with plenty of options<\/figcaption><\/figure>\n\n\n\n<ul><li><strong>Circles, Ovals, Rectangles <\/strong>and<strong> Squares<\/strong> to draw attention to something.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"960\" height=\"540\" src=\"http:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/boxes-circles-1-960x540.jpg\" alt=\"\" class=\"wp-image-1358\" srcset=\"https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/boxes-circles-1-960x540.jpg 960w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/boxes-circles-1-580x326.jpg 580w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/boxes-circles-1-768x432.jpg 768w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/boxes-circles-1-1536x864.jpg 1536w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/boxes-circles-1.jpg 2000w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><figcaption>All kinds of Circles and Boxes can be used to make your viewer look at a particular spot<\/figcaption><\/figure>\n\n\n\n<ul><li><strong>Lines<\/strong> to underline or highlight specific items and <strong>Zigzags<\/strong> to scribble items out. <em>Zigzags are only available in the hand-made recorded styles.<\/em><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"960\" height=\"540\" src=\"http:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/lines-zigzags-960x540.jpg\" alt=\"\" class=\"wp-image-1359\" srcset=\"https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/lines-zigzags-960x540.jpg 960w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/lines-zigzags-580x326.jpg 580w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/lines-zigzags-768x432.jpg 768w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/lines-zigzags-1536x864.jpg 1536w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/lines-zigzags.jpg 2000w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><figcaption>Lines and Zigzags let you highlight or obscure anything you like<\/figcaption><\/figure>\n\n\n\n<ul><li><strong>Checkmarks<\/strong> (aka &#8220;ticks&#8221;) and <strong>Crosses<\/strong> to mark things as good or bad.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"960\" height=\"540\" src=\"http:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/check-cross-960x540.jpg\" alt=\"\" class=\"wp-image-1360\" srcset=\"https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/check-cross-960x540.jpg 960w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/check-cross-580x326.jpg 580w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/check-cross-768x432.jpg 768w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/check-cross-1536x864.jpg 1536w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/check-cross.jpg 2000w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><figcaption>Checkmarks (aka &#8220;ticks&#8221;) and crosses let you instantly communicate if something is a good idea or not<\/figcaption><\/figure>\n\n\n\n<ul><li><strong>Zoom In<\/strong>, to magnify part of the image and optionally darken down everything else. <em>Only available in the generated styles.<\/em><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"960\" height=\"540\" src=\"http:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/zoom-in-960x540.jpg\" alt=\"\" class=\"wp-image-1361\" srcset=\"https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/zoom-in-960x540.jpg 960w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/zoom-in-580x326.jpg 580w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/zoom-in-768x432.jpg 768w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/zoom-in-1536x864.jpg 1536w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/zoom-in.jpg 2000w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><figcaption>Zoom In to focus attention and magnify part of the frame, while optionally darkening the background<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Every item here can be easily positioned, rotated and scaled using the <strong>on-screen controls<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"960\" height=\"615\" src=\"http:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/annotator-in-fcp-960x615.jpg\" alt=\"\" class=\"wp-image-1362\" srcset=\"https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/annotator-in-fcp-960x615.jpg 960w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/annotator-in-fcp-580x372.jpg 580w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/annotator-in-fcp-768x492.jpg 768w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/annotator-in-fcp-1536x985.jpg 1536w, https:\/\/funwithstuff.com\/blog\/wp-content\/uploads\/2021\/09\/annotator-in-fcp-2048x1313.jpg 2048w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><figcaption>Use the on-screen controls and the Inspector to control appearance<\/figcaption><\/figure>\n\n\n\n<p>In the <strong>Inspector<\/strong> you can adjust many more properties about the shapes, like the color, the outline width, animation speed, and to change which organic recorded shape is shown. Dashed and Dotted styles include several relevant options so you can dial in the settings you want.<\/p>\n\n\n\n<p><strong>Advanced controls<\/strong> let you add a drop shadow or a glow, or change the 3D rotation or anchor point. A few tips:<\/p>\n\n\n\n<ul><li>There are <strong>many different options for each of the recorded shapes<\/strong>, so try them all out. Ovals offer the most flexibility.<\/li><li>To <strong>re-use<\/strong> your favourite <strong>colours<\/strong>, <strong>save them in the system color picker<\/strong> by dragging the current color chip at the bottom left into one of the smaller boxes at the bottom right.<\/li><li>While the Solid Arrow moves into place already, if you want to animate the position of any of the other shapes, either <strong>keyframe the anchor point<\/strong>, or animate Final Cut Pro\u2019s Transform options instead.<\/li><li>To animate a Zoom In, <strong>keyframe the Center property<\/strong> rather than using the Transform controls in the Video tab.<\/li><li>If a shape isn\u2019t solid enough, <strong>add a shadow in the same color<\/strong>, then turn the blur and distance down to 0.<\/li><li>The <strong>3D rotation<\/strong> controls are quite powerful. Rotate around X or Y to move your shape into 3D.<\/li><li>Set 3D Rotation Y to 180\u00b0 to <strong>reverse the drawing direction<\/strong>.<\/li><li>The <strong>arrow angle<\/strong> on the chalk, dashed and dotted lines can be changed.<\/li><li>The dash properties on the arrowhead lines have <strong>separate controls<\/strong> from the main line.<\/li><li>The Oval, Rectangle and Checkmark options include <strong>access to the actual points<\/strong> which define the shape \u2014&nbsp;this is somewhat experimental but does allow you to make subtle changes.<\/li><li>Use the <strong>Build In<\/strong> and <strong>Build Out<\/strong> checkboxes to disable the opening and closing animations.<\/li><li>All the shapes will work with <strong>any aspect ratio<\/strong> from vertical through ultra-wide.<\/li><\/ul>\n\n\n\n<p>If you have any problems, please email me using the address shown to the left or find me on Twitter: <a rel=\"noreferrer noopener\" href=\"http:\/\/twitter.com\/funwithstuff\" target=\"_blank\">@funwithstuff<\/a>.<\/p>\n\n\n\n<p>If you\u2019re still learning Final Cut Pro, you might like my book: <strong><a href=\"http:\/\/fcpefficientediting.com\" target=\"_blank\" rel=\"noreferrer noopener\">Final Cut Pro Efficient Editing<\/a><\/strong>, available in electronic and paper form from Amazon, Apple and many others. <a href=\"http:\/\/fcpefficientediting.com\">Check out the first chapter for free here<\/a>.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Annotator, from funwithstuff, is a set of flexible animated tools to mark or highlight part of your video\u201a and is available now from FxFactory. Annotator was created by Iain Anderson, the author of Final Cut Pro Efficient Editing and an Apple Certified Trainer. With Annotator, you can draw on a hand-made arrow to point at &hellip; <a href=\"https:\/\/funwithstuff.com\/blog\/annotator\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Annotator<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/funwithstuff.com\/blog\/wp-json\/wp\/v2\/pages\/1349"}],"collection":[{"href":"https:\/\/funwithstuff.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/funwithstuff.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/funwithstuff.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/funwithstuff.com\/blog\/wp-json\/wp\/v2\/comments?post=1349"}],"version-history":[{"count":10,"href":"https:\/\/funwithstuff.com\/blog\/wp-json\/wp\/v2\/pages\/1349\/revisions"}],"predecessor-version":[{"id":1384,"href":"https:\/\/funwithstuff.com\/blog\/wp-json\/wp\/v2\/pages\/1349\/revisions\/1384"}],"wp:attachment":[{"href":"https:\/\/funwithstuff.com\/blog\/wp-json\/wp\/v2\/media?parent=1349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}