{"id":34549,"date":"2014-02-03T16:27:12","date_gmt":"2014-02-03T21:27:12","guid":{"rendered":"http:\/\/www.premiumbeat.com\/blog\/?p=34549"},"modified":"2014-02-03T16:30:12","modified_gmt":"2014-02-03T21:30:12","slug":"after-effects-video-tutorial-creating-a-self-animating-clock","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/","title":{"rendered":"After Effects Video Tutorial: Creating a Self-Animating Clock"},"content":{"rendered":"<h2 id=\"create-a-self-animating-functional-clock-in-after-effects-using-expressions\">Create a self-animating functional clock in After Effects using expressions.<\/h2>\n<p><img decoding=\"async\" style=\"font-size: 13px; font-weight: normal;\" title=\"Adobe After Effects\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/01\/adobe-after-effects-all-ver.jpg\" alt=\"Adobe After Effects\" \/><\/p>\n<p>In this\u00a0<strong>Premiumbeat exclusive video tutorial<\/strong>\u00a0you&#8217;ll learn how to create a virtual &#8220;analog style&#8221; clock in After Effects that doesn&#8217;t use any keyframes. The technique is very useful if you are trying to make a self-animating clock. Fundamentals covered include:<\/p>\n<ul>\n<li><strong>The &#8220;value +&#8221; expression<\/strong><\/li>\n<li><strong>Pick-whipping expressions<\/strong><\/li>\n<li><strong>Adding a shape layer repeater<\/strong><\/li>\n<\/ul>\n<p>This tutorial will save you a lot of time if you are used to animating clocks manually. Instead of setting keyframes, with a few quick expressions the whole process can be <strong>completely hands-off.<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/85757025\" frameborder=\"0\" width=\"500\" height=\"281\"><\/iframe><\/p>\n<p><em>Don&#8217;t want to watch the video? Follow along with the step-by-step tutorial below. Click any image for larger view.\u00a0<\/em><\/p>\n<table width=\"470\" border=\"0\" cellspacing=\"0\" cellpadding=\"10\">\n<tbody>\n<tr>\n<td align=\"left\" valign=\"top\" width=\"20\"><strong>1<\/strong><\/td>\n<td align=\"left\" valign=\"top\" width=\"446\">Create a new hour-long composition.<span style=\"line-height: 19px;\">\u00a0<\/span><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still001.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34560\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still001\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still001.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>2<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new solid for the background.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still002.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34561\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still002\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still002.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>3<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create the face of the clock using an ellipse path on a shape layer.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still003.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34557\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still003\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still003.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>4<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new small rectangle and move to the top of the clock. Add a repeater to create 12 copies that rotate 30 degrees each.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still004.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34558\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still004\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still004.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>5<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Add a drop shadow to all 3 elements.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still005.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34559\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still005\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still005.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>6<\/strong><\/td>\n<td align=\"left\" valign=\"top\"><span style=\"line-height: 19px;\">Make a new red rectangle for the seconds hand. Move the rectangle so that it is positioned around the middle of the clock correctly.\u00a0<\/span><\/p>\n<p><span style=\"line-height: 19px;\"><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still006.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34555\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still006\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still006.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/span><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>7<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Edit the rotation of the second hand and add the expression:<\/p>\n<p><strong>time*(360\/60)<\/strong><\/p>\n<p><strong><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still007.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34556\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still007\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still007.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/strong><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>8<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate and recolor the new layer. Pickwhip the new layer rotation to the old layer rotation add:\u00a0<strong>\/60 <\/strong><\/p>\n<p><strong><\/strong><strong><\/strong>Then, resize.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still008.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34553\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still008\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still008.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>9<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the minute hand to create an hour hand. Pickwhip the rotation of the hour hand to the minute hand and add:\u00a0<strong>\/12<\/strong><\/p>\n<p><strong><\/strong><strong><\/strong><strong><\/strong><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still009.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-34554\" title=\"pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still009\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/02\/pbtut_-_dec_04_-_clock_v2_1920x1080.mp4.Still009.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>If you have any questions regarding this tutorial, or if you have any quick tips for using expressions in After Effects, please comment below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create a self-animating clock without any keyframes in After Effects.<\/p>\n","protected":false},"author":16,"featured_media":34564,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[30,21,1,39],"tags":[5375,2284,1365],"class_list":["post-class-post-34549","post-class-post","post-class-type-post","post-class-status-publish","post-class-format-standard","post-class-has-post-thumbnail","post-class-hentry","post-class-category-after-effects","post-class-category-tutorials","post-class-category-various","post-class-category-video-editing","post-class-tag-after-effects","post-class-tag-clock","post-class-tag-expressions"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>After Effects Video Tutorial: Creating a Self-Animating Clock - The Beat: A Blog by PremiumBeat<\/title>\n<meta name=\"description\" content=\"Create a self-animating clock without any keyframes in After Effects.\" \/>\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.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"After Effects Video Tutorial: Creating a Self-Animating Clock\" \/>\n<meta property=\"og:description\" content=\"Create a self-animating clock without any keyframes in After Effects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/\" \/>\n<meta property=\"og:site_name\" content=\"The Beat: A Blog by PremiumBeat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/premiumbeat\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-03T21:27:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-02-03T21:30:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/02\/Clock.jpg?w=1024\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Evan Abrams\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ECAbrams\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Evan Abrams\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/\"},\"author\":{\"name\":\"Evan Abrams\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\"},\"headline\":\"After Effects Video Tutorial: Creating a Self-Animating Clock\",\"datePublished\":\"2014-02-03T21:27:12+00:00\",\"dateModified\":\"2014-02-03T21:30:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/\"},\"wordCount\":281,\"commentCount\":3,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/02\\\/Clock.jpg\",\"keywords\":[\"After Effects\",\"Clock\",\"expressions\"],\"articleSection\":[\"After Effects\",\"Tutorials\",\"Various\",\"Video Editing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/#respond\"]}],\"copyrightYear\":\"2014\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/\",\"name\":\"After Effects Video Tutorial: Creating a Self-Animating Clock - The Beat: A Blog by PremiumBeat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/02\\\/Clock.jpg\",\"datePublished\":\"2014-02-03T21:27:12+00:00\",\"dateModified\":\"2014-02-03T21:30:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\"},\"description\":\"Create a self-animating clock without any keyframes in After Effects.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/02\\\/Clock.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/02\\\/Clock.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-creating-a-self-animating-clock\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"After Effects\",\"item\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/category\\\/after-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"After Effects Video Tutorial: Creating a Self-Animating Clock\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/\",\"name\":\"The Beat: A Blog by PremiumBeat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\",\"name\":\"Evan Abrams\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"caption\":\"Evan Abrams\"},\"description\":\"Evan Abrams is a freelance motion graphics designer and After Effects guru. He has been using After Effects since version 5.5 (2002) and during his career has worked with clients ranging from multinational corporations and government institutions, to unsigned musicians and start up businesses, and all points in between. Freelancing is one of Evan's great joys since it connects him with new and interesting people, businesses, projects and ideas that he finds fascinating. He currently specializes in motion graphics and kinetic typography. Other fun facts about Evan: he is a 2nd\u00a0Dan Black Belt in Tae Kwon Do and he grew up in rural Ontario Canada next to a The Big Apple (a novelty truck stop). He is a huge fan of DIY projects and he holds a BA in Communications form Ottawa University.\u00a0 To get more of Evan in your life check out EvanAbrams.com, subscribe to his\u00a0Youtube Channel\u00a0or follow him on\u00a0Twitter.\",\"sameAs\":[\"http:\\\/\\\/evanabrams.com\",\"https:\\\/\\\/x.com\\\/ECAbrams\"],\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/author\\\/evanabrams\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"After Effects Video Tutorial: Creating a Self-Animating Clock - The Beat: A Blog by PremiumBeat","description":"Create a self-animating clock without any keyframes in After Effects.","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.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/","og_locale":"en_US","og_type":"article","og_title":"After Effects Video Tutorial: Creating a Self-Animating Clock","og_description":"Create a self-animating clock without any keyframes in After Effects.","og_url":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2014-02-03T21:27:12+00:00","article_modified_time":"2014-02-03T21:30:12+00:00","og_image":[{"url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/02\/Clock.jpg?w=1024","width":1024,"height":1024,"type":"image\/jpeg"}],"author":"Evan Abrams","twitter_card":"summary_large_image","twitter_creator":"@ECAbrams","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Evan Abrams","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/"},"author":{"name":"Evan Abrams","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892"},"headline":"After Effects Video Tutorial: Creating a Self-Animating Clock","datePublished":"2014-02-03T21:27:12+00:00","dateModified":"2014-02-03T21:30:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/"},"wordCount":281,"commentCount":3,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/02\/Clock.jpg","keywords":["After Effects","Clock","expressions"],"articleSection":["After Effects","Tutorials","Various","Video Editing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/#respond"]}],"copyrightYear":"2014","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/","url":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/","name":"After Effects Video Tutorial: Creating a Self-Animating Clock - The Beat: A Blog by PremiumBeat","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/02\/Clock.jpg","datePublished":"2014-02-03T21:27:12+00:00","dateModified":"2014-02-03T21:30:12+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892"},"description":"Create a self-animating clock without any keyframes in After Effects.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/02\/Clock.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/02\/Clock.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-creating-a-self-animating-clock\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.premiumbeat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"After Effects","item":"https:\/\/www.premiumbeat.com\/blog\/category\/after-effects\/"},{"@type":"ListItem","position":3,"name":"After Effects Video Tutorial: Creating a Self-Animating Clock"}]},{"@type":"WebSite","@id":"https:\/\/www.premiumbeat.com\/blog\/#website","url":"https:\/\/www.premiumbeat.com\/blog\/","name":"The Beat: A Blog by PremiumBeat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892","name":"Evan Abrams","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","caption":"Evan Abrams"},"description":"Evan Abrams is a freelance motion graphics designer and After Effects guru. He has been using After Effects since version 5.5 (2002) and during his career has worked with clients ranging from multinational corporations and government institutions, to unsigned musicians and start up businesses, and all points in between. Freelancing is one of Evan's great joys since it connects him with new and interesting people, businesses, projects and ideas that he finds fascinating. He currently specializes in motion graphics and kinetic typography. Other fun facts about Evan: he is a 2nd\u00a0Dan Black Belt in Tae Kwon Do and he grew up in rural Ontario Canada next to a The Big Apple (a novelty truck stop). He is a huge fan of DIY projects and he holds a BA in Communications form Ottawa University.\u00a0 To get more of Evan in your life check out EvanAbrams.com, subscribe to his\u00a0Youtube Channel\u00a0or follow him on\u00a0Twitter.","sameAs":["http:\/\/evanabrams.com","https:\/\/x.com\/ECAbrams"],"url":"https:\/\/www.premiumbeat.com\/blog\/author\/evanabrams\/"}]}},"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-8Zf","jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/02\/Clock.jpg","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/34549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=34549"}],"version-history":[{"count":15,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/34549\/revisions"}],"predecessor-version":[{"id":34572,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/34549\/revisions\/34572"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/34564"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=34549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=34549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=34549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}