{"id":2953,"date":"2020-08-15T23:38:27","date_gmt":"2020-08-16T04:38:27","guid":{"rendered":"https:\/\/www.pivisuals.com\/news\/?p=2953"},"modified":"2020-08-15T23:38:27","modified_gmt":"2020-08-16T04:38:27","slug":"after-effects-expressions","status":"publish","type":"post","link":"https:\/\/www.pivisuals.com\/news\/2020\/08\/after-effects-expressions\/","title":{"rendered":"After Effects Expressions"},"content":{"rendered":"<p>This week I finished animating a series of sequences totaling about 20 seconds, and I am pretty stoked about it. The animation itself was standard fare, but it requires some fun accompanying elements in After Effects.<\/p>\n<p>One of these is a timer that is precise down to hundredths of a second. To easily keep consistency between sequences, I used a Slider Control to set the start and end times. Parts of the graphic even changes color based on the time.<\/p>\n<p>To get all this to work (and look good visually), I only used Expressions. I have a base knowledge of them so this required some research. It was a fun challenge, and I&#8217;m happy with how robust it turned out. Here&#8217;s a screenshot pf the Comp in After Effects:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2020\/08\/MeAndMe_Timer.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2954 size-medium\" title=\"Taking CS101 finally paid off.\" src=\"https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2020\/08\/MeAndMe_Timer-300x156.jpg\" alt=\"\" width=\"300\" height=\"156\" srcset=\"https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2020\/08\/MeAndMe_Timer-300x156.jpg 300w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2020\/08\/MeAndMe_Timer-768x400.jpg 768w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2020\/08\/MeAndMe_Timer-1024x534.jpg 1024w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2020\/08\/MeAndMe_Timer.jpg 1934w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>I still need to add a little more to the design of the timer, but it&#8217;s coming together. I also need to create another graphical element for the sequences, and that should be equally fun. That I haven&#8217;t started yet, but is next up on the docket<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week I finished animating a series of sequences totaling about 20 seconds, and I am pretty stoked about it. The animation itself was standard fare, but it requires some fun accompanying elements in After Effects. One of these is a timer that is precise down to hundredths of a second. To easily keep consistency [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[63,135],"class_list":["post-2953","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-after-effects","tag-meandme"],"_links":{"self":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/2953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/comments?post=2953"}],"version-history":[{"count":3,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/2953\/revisions"}],"predecessor-version":[{"id":2957,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/2953\/revisions\/2957"}],"wp:attachment":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/media?parent=2953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/categories?post=2953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/tags?post=2953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}