{"id":730,"date":"2015-12-16T12:58:36","date_gmt":"2015-12-16T15:58:36","guid":{"rendered":"http:\/\/motionfriends.com\/?post_type=avada_portfolio&#038;p=730"},"modified":"2017-05-25T02:29:37","modified_gmt":"2017-05-25T05:29:37","slug":"tutorial-03-progressive-bars-after-effects","status":"publish","type":"avada_portfolio","link":"https:\/\/motionfriends.com\/pb\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/","title":{"rendered":"Tutorial 03 &#8211; Barras Progressivas After Effects"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-overflow:visible;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\">Tutorial demonstrando como criar barras de progresso no After Effects e controla-las a partir de um Slider dentro de um Null Object. Abordamos tamb\u00e9m a cria\u00e7\u00e3o de um texto que representa o progresso em porcentagem da barra.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=3sYzlZipwi0\">Veja Agora no Youtube em HD<\/a><\/p>\n<p><strong>T\u00e9cnicas:<\/strong><\/p>\n<p>&gt;&gt; Usar os Shapes para a cria\u00e7\u00e3o da barra<br \/>\n&gt;&gt; Cria\u00e7\u00e3o de Controladores<br \/>\n&gt;&gt; Aprenda a usar as Expressions<br \/>\n&gt;&gt; e muito mais!<div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":805,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","format":"video","meta":{"footnotes":""},"portfolio_category":[34],"portfolio_skills":[291,20,19,22],"portfolio_tags":[142,296,395,392,141,394,391,393,13,297,298,125],"class_list":["post-730","avada_portfolio","type-avada_portfolio","status-publish","format-video","has-post-thumbnail","hentry","portfolio_category-tutorials","portfolio_skills-after-effects","portfolio_skills-animation","portfolio_skills-composition","portfolio_skills-motion-graphics","portfolio_tags-after-effects","portfolio_tags-arthur-siqueira","portfolio_tags-barra-de-progresso","portfolio_tags-circular-bar","portfolio_tags-expression","portfolio_tags-fazer-uma-barra-de-progresso-no-after-effects","portfolio_tags-how-to-do-a-progress-bar-after-effetcs","portfolio_tags-linear-progress-bar","portfolio_tags-motion-friends","portfolio_tags-progress","portfolio_tags-progressive-bar","portfolio_tags-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutorial 03 - Barras Progressivas After Effects - Motion Friends<\/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:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial 03 - Barras Progressivas After Effects - Motion Friends\" \/>\n<meta property=\"og:url\" content=\"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"Motion Friends\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/motionfriendsdigital\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-25T05:29:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/motionfriends.com\/wp-content\/uploads\/2015\/12\/thumb_tutorial03.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/tutorial-03-progressive-bars-after-effects\\\/\",\"url\":\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/tutorial-03-progressive-bars-after-effects\\\/\",\"name\":\"Tutorial 03 - Barras Progressivas After Effects - Motion Friends\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/motionfriends.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/tutorial-03-progressive-bars-after-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/tutorial-03-progressive-bars-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/motionfriends.com\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/thumb_tutorial03.jpg\",\"datePublished\":\"2015-12-16T15:58:36+00:00\",\"dateModified\":\"2017-05-25T05:29:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/tutorial-03-progressive-bars-after-effects\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/tutorial-03-progressive-bars-after-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/tutorial-03-progressive-bars-after-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/motionfriends.com\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/thumb_tutorial03.jpg\",\"contentUrl\":\"https:\\\/\\\/motionfriends.com\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/thumb_tutorial03.jpg\",\"width\":640,\"height\":360},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/tutorial-03-progressive-bars-after-effects\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/motionfriends.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\\\/\\\/motionfriends.com\\\/portfolio-items\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tutorial 03 &#8211; Progress Bar After Effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/motionfriends.com\\\/#website\",\"url\":\"https:\\\/\\\/motionfriends.com\\\/\",\"name\":\"Motion Friends\",\"description\":\"Digital solutions for you\",\"publisher\":{\"@id\":\"https:\\\/\\\/motionfriends.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/motionfriends.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/motionfriends.com\\\/#organization\",\"name\":\"Motion Friends\",\"url\":\"https:\\\/\\\/motionfriends.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/motionfriends.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/motionfriends.com\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/motionfriends_logo_v01.png\",\"contentUrl\":\"https:\\\/\\\/motionfriends.com\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/motionfriends_logo_v01.png\",\"width\":720,\"height\":720,\"caption\":\"Motion Friends\"},\"image\":{\"@id\":\"https:\\\/\\\/motionfriends.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/motionfriendsdigital\",\"https:\\\/\\\/instagram.com\\\/arthur_siqueira.insta\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/kakarottosmoker\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial 03 - Barras Progressivas After Effects - Motion Friends","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:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/","og_locale":"pt_BR","og_type":"article","og_title":"Tutorial 03 - Barras Progressivas After Effects - Motion Friends","og_url":"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/","og_site_name":"Motion Friends","article_publisher":"https:\/\/www.facebook.com\/motionfriendsdigital","article_modified_time":"2017-05-25T05:29:37+00:00","og_image":[{"width":640,"height":360,"url":"https:\/\/motionfriends.com\/wp-content\/uploads\/2015\/12\/thumb_tutorial03.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/","url":"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/","name":"Tutorial 03 - Barras Progressivas After Effects - Motion Friends","isPartOf":{"@id":"https:\/\/motionfriends.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/#primaryimage"},"image":{"@id":"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/motionfriends.com\/wp-content\/uploads\/2015\/12\/thumb_tutorial03.jpg","datePublished":"2015-12-16T15:58:36+00:00","dateModified":"2017-05-25T05:29:37+00:00","breadcrumb":{"@id":"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/#primaryimage","url":"https:\/\/motionfriends.com\/wp-content\/uploads\/2015\/12\/thumb_tutorial03.jpg","contentUrl":"https:\/\/motionfriends.com\/wp-content\/uploads\/2015\/12\/thumb_tutorial03.jpg","width":640,"height":360},{"@type":"BreadcrumbList","@id":"https:\/\/motionfriends.com\/portfolio-items\/tutorial-03-progressive-bars-after-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/motionfriends.com\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/motionfriends.com\/portfolio-items\/"},{"@type":"ListItem","position":3,"name":"Tutorial 03 &#8211; Progress Bar After Effects"}]},{"@type":"WebSite","@id":"https:\/\/motionfriends.com\/#website","url":"https:\/\/motionfriends.com\/","name":"Motion Friends","description":"Digital solutions for you","publisher":{"@id":"https:\/\/motionfriends.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/motionfriends.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/motionfriends.com\/#organization","name":"Motion Friends","url":"https:\/\/motionfriends.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/motionfriends.com\/#\/schema\/logo\/image\/","url":"https:\/\/motionfriends.com\/wp-content\/uploads\/2015\/07\/motionfriends_logo_v01.png","contentUrl":"https:\/\/motionfriends.com\/wp-content\/uploads\/2015\/07\/motionfriends_logo_v01.png","width":720,"height":720,"caption":"Motion Friends"},"image":{"@id":"https:\/\/motionfriends.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/motionfriendsdigital","https:\/\/instagram.com\/arthur_siqueira.insta\/","https:\/\/www.youtube.com\/user\/kakarottosmoker"]}]}},"_links":{"self":[{"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/avada_portfolio\/730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/comments?post=730"}],"version-history":[{"count":1,"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/avada_portfolio\/730\/revisions"}],"predecessor-version":[{"id":856,"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/avada_portfolio\/730\/revisions\/856"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/media\/805"}],"wp:attachment":[{"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/media?parent=730"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/portfolio_category?post=730"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/portfolio_skills?post=730"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/motionfriends.com\/pb\/wp-json\/wp\/v2\/portfolio_tags?post=730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}