{"id":31,"date":"2016-11-08T15:53:34","date_gmt":"2016-11-08T15:53:34","guid":{"rendered":"https:\/\/constantinople.gr\/framestory\/?page_id=31"},"modified":"2021-01-23T19:53:07","modified_gmt":"2021-01-23T17:53:07","slug":"components","status":"publish","type":"page","link":"https:\/\/pictofarm.com\/framestory\/components\/","title":{"rendered":"Components"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: #37b5a4;background-position: center top;background-repeat: no-repeat;padding-top:90px;padding-right:0px;padding-bottom:90px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#edeef2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"width:30.6666%; margin-right: 4%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 20px;\"><div class=\"fusion-text fusion-text-1\"><h2 style=\"color: #fff; margin: 0;\"><span style=\"font-size: 45.6px;\">Characters<\/span><\/h2>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:10px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-2\"><div class=\"section-content\"><span style=\"color: #ffffff;\">You can either pick a pop star, teacher, secretary, queen&#8230; or change clothes and characteristics and invent a new figure. Choose between a variety of professions, hobbies and personalities that perfectly suits your needs. Change head shapes, expressions, hairstyle, hats, accessories, skin color and create unlimited face designs.<\/span><\/div>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-alignleft\"><style type=\"text\/css\">.fusion-button.button-1 .fusion-button-text, .fusion-button.button-1 i {color:#ffffff;}.fusion-button.button-1 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-1:hover .fusion-button-text, .fusion-button.button-1:hover i,.fusion-button.button-1:focus .fusion-button-text, .fusion-button.button-1:focus i,.fusion-button.button-1:active .fusion-button-text, .fusion-button.button-1:active{color:#000000;}.fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:active .fusion-button-icon-divider{border-color:#000000;}.fusion-button.button-1:hover, .fusion-button.button-1:focus, .fusion-button.button-1:active{border-color:#ffffff;}.fusion-button.button-1 {border-color:#ffffff;border-radius:25px;}.fusion-button.button-1{background: #000000;}.fusion-button.button-1:hover,.button-1:focus,.fusion-button.button-1:active{background: #ffffff;}<\/style><a class=\"fusion-button button-flat fusion-button-default-size button-custom button-1 fusion-button-default-span fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/youtu.be\/uhSz1ORzN8E\"><span class=\"fusion-button-text\">View More<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-last\" style=\"width:65.3333%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 20px 0px 20px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"616\" height=\"347\" alt=\"explainer video maker\" title=\"Character Animation Toolkit with Built In UI\" src=\"https:\/\/i1.wp.com\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/1.-GIF_CHARACTERS_616x347.gif?resize=616%2C347&#038;ssl=1\" class=\"img-responsive wp-image-2991\" data-recalc-dims=\"1\"\/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: #f8b12e;background-position: center top;background-repeat: no-repeat;padding-top:90px;padding-right:0px;padding-bottom:90px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#edeef2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"width:30.6666%; margin-right: 4%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 20px;\"><div class=\"fusion-text fusion-text-3\"><h2 style=\"color: #fff; margin: 0;\"><span style=\"font-size: 45.6px;\">Poses<\/span><\/h2>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:10px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-4\"><div class=\"section-content\"><span style=\"color: #ffffff;\">90 Male, 90 Female and 75 Kids poses with flexible rigging system makes character animation process easy! <\/span><span style=\"color: #ffffff;\">Created with Duik,<br \/>\na free plug-in that you don\u2019t have to install.<\/span><\/div>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-alignleft\"><style type=\"text\/css\">.fusion-button.button-2 .fusion-button-text, .fusion-button.button-2 i {color:#ffffff;}.fusion-button.button-2 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-2:hover .fusion-button-text, .fusion-button.button-2:hover i,.fusion-button.button-2:focus .fusion-button-text, .fusion-button.button-2:focus i,.fusion-button.button-2:active .fusion-button-text, .fusion-button.button-2:active{color:#000000;}.fusion-button.button-2:hover .fusion-button-icon-divider, .fusion-button.button-2:hover .fusion-button-icon-divider, .fusion-button.button-2:active .fusion-button-icon-divider{border-color:#000000;}.fusion-button.button-2:hover, .fusion-button.button-2:focus, .fusion-button.button-2:active{border-color:#ffffff;}.fusion-button.button-2 {border-color:#ffffff;border-radius:25px;}.fusion-button.button-2{background: #000000;}.fusion-button.button-2:hover,.button-2:focus,.fusion-button.button-2:active{background: #ffffff;}<\/style><a class=\"fusion-button button-flat fusion-button-default-size button-custom button-2 fusion-button-default-span fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/youtu.be\/0VLAGG5zt_o\"><span class=\"fusion-button-text\">View More<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-last\" style=\"width:65.3333%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 20px 0px 20px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" width=\"616\" height=\"347\" alt=\"explainer video maker\" title=\"Character Animation Toolkit with Built In UI\" src=\"https:\/\/i0.wp.com\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/4.-GIF_POSES_616x347.gif?resize=616%2C347&#038;ssl=1\" class=\"img-responsive wp-image-2994\" data-recalc-dims=\"1\"\/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: #ef4164;background-position: center top;background-repeat: no-repeat;padding-top:90px;padding-right:0px;padding-bottom:90px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#edeef2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"width:30.6666%; margin-right: 4%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 20px;\"><div class=\"fusion-text fusion-text-5\"><h2 style=\"color: #fff; margin: 0;\"><span style=\"font-size: 45.6px;\">Scenes<\/span><\/h2>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:10px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-6\"><div class=\"section-content\"><span style=\"color: #ffffff;\">Animated backgrounds for any kind of project theme. <\/span><span style=\"color: #ffffff;\">All scenes are fully editable so you can customize <\/span><span style=\"color: #ffffff;\">according to your project needs<\/span><\/div>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-alignleft\"><style type=\"text\/css\">.fusion-button.button-3 .fusion-button-text, .fusion-button.button-3 i {color:#ffffff;}.fusion-button.button-3 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-3:hover .fusion-button-text, .fusion-button.button-3:hover i,.fusion-button.button-3:focus .fusion-button-text, .fusion-button.button-3:focus i,.fusion-button.button-3:active .fusion-button-text, .fusion-button.button-3:active{color:#000000;}.fusion-button.button-3:hover .fusion-button-icon-divider, .fusion-button.button-3:hover .fusion-button-icon-divider, .fusion-button.button-3:active .fusion-button-icon-divider{border-color:#000000;}.fusion-button.button-3:hover, .fusion-button.button-3:focus, .fusion-button.button-3:active{border-color:#ffffff;}.fusion-button.button-3 {border-color:#ffffff;border-radius:25px;}.fusion-button.button-3{background: #000000;}.fusion-button.button-3:hover,.button-3:focus,.fusion-button.button-3:active{background: #ffffff;}<\/style><a class=\"fusion-button button-flat fusion-button-default-size button-custom button-3 fusion-button-default-span fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/youtu.be\/SDSe5mqb79c\"><span class=\"fusion-button-text\">View More<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-last\" style=\"width:65.3333%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 20px 0px 20px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-3 hover-type-none\"><img decoding=\"async\" width=\"616\" height=\"347\" alt=\"explainer video maker\" title=\"Character Animation Toolkit with Built In UI\" src=\"https:\/\/i1.wp.com\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/6.-GIF_SCENES_NEW_616x347.gif?resize=616%2C347&#038;ssl=1\" class=\"img-responsive wp-image-3019\" data-recalc-dims=\"1\"\/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: #0a8093;background-position: center top;background-repeat: no-repeat;padding-top:90px;padding-right:0px;padding-bottom:90px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#edeef2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"width:30.6666%; margin-right: 4%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 20px;\"><div class=\"fusion-text fusion-text-7\"><h2 style=\"color: #fff; margin: 0;\"><span style=\"font-size: 45.6px;\">Props<\/span><\/h2>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:10px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-8\"><div class=\"section-content\"><span style=\"color: #ffffff;\">Electronics, Food, Gaming, Home, Medical, Finance, Signs, Transport, Work and many more categories. <\/span><span style=\"color: #ffffff;\">Tons of animated graphic props. All color editable!<\/span><\/div>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-alignleft\"><style type=\"text\/css\">.fusion-button.button-4 .fusion-button-text, .fusion-button.button-4 i {color:#ffffff;}.fusion-button.button-4 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-4:hover .fusion-button-text, .fusion-button.button-4:hover i,.fusion-button.button-4:focus .fusion-button-text, .fusion-button.button-4:focus i,.fusion-button.button-4:active .fusion-button-text, .fusion-button.button-4:active{color:#000000;}.fusion-button.button-4:hover .fusion-button-icon-divider, .fusion-button.button-4:hover .fusion-button-icon-divider, .fusion-button.button-4:active .fusion-button-icon-divider{border-color:#000000;}.fusion-button.button-4:hover, .fusion-button.button-4:focus, .fusion-button.button-4:active{border-color:#ffffff;}.fusion-button.button-4 {border-color:#ffffff;border-radius:25px;}.fusion-button.button-4{background: #000000;}.fusion-button.button-4:hover,.button-4:focus,.fusion-button.button-4:active{background: #ffffff;}<\/style><a class=\"fusion-button button-flat fusion-button-default-size button-custom button-4 fusion-button-default-span fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/youtu.be\/NefGy3zyUaI\"><span class=\"fusion-button-text\">View More<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-last\" style=\"width:65.3333%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 20px 0px 20px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-4 hover-type-none\"><img decoding=\"async\" width=\"616\" height=\"347\" alt=\"explainer video maker\" title=\"Character Animation Toolkit with Built In UI\" src=\"https:\/\/i1.wp.com\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/5.-GIF_PROPS_NEW_616x347.gif?resize=616%2C347&#038;ssl=1\" class=\"img-responsive wp-image-3020\" data-recalc-dims=\"1\"\/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: #96ae3c;background-position: center top;background-repeat: no-repeat;padding-top:90px;padding-right:0px;padding-bottom:90px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#edeef2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"width:30.6666%; margin-right: 4%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 20px;\"><div class=\"fusion-text fusion-text-9\"><h2 style=\"color: #fff; margin: 0;\"><span style=\"font-size: 45.6px;\">Graphic Elements<\/span><\/h2>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:10px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-10\"><div class=\"section-content\"><span style=\"color: #ffffff;\">Dynamically place your text and edit colors <\/span><br \/>\n<span style=\"color: #ffffff;\">Logo Strings, Motion Styles, Symbols, Transitions, <\/span><span style=\"color: #ffffff;\">Word Bubbles and much more elements!<\/span><\/div>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-alignleft\"><style type=\"text\/css\">.fusion-button.button-5 .fusion-button-text, .fusion-button.button-5 i {color:#ffffff;}.fusion-button.button-5 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-5:hover .fusion-button-text, .fusion-button.button-5:hover i,.fusion-button.button-5:focus .fusion-button-text, .fusion-button.button-5:focus i,.fusion-button.button-5:active .fusion-button-text, .fusion-button.button-5:active{color:#000000;}.fusion-button.button-5:hover .fusion-button-icon-divider, .fusion-button.button-5:hover .fusion-button-icon-divider, .fusion-button.button-5:active .fusion-button-icon-divider{border-color:#000000;}.fusion-button.button-5:hover, .fusion-button.button-5:focus, .fusion-button.button-5:active{border-color:#ffffff;}.fusion-button.button-5 {border-color:#ffffff;border-radius:25px;}.fusion-button.button-5{background: #000000;}.fusion-button.button-5:hover,.button-5:focus,.fusion-button.button-5:active{background: #ffffff;}<\/style><a class=\"fusion-button button-flat fusion-button-default-size button-custom button-5 fusion-button-default-span fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.youtube.com\/watch?v=ACCqrMS_QQE&amp;t=191s\"><span class=\"fusion-button-text\">View More<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-last\" style=\"width:65.3333%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-5 hover-type-none\"><img decoding=\"async\" width=\"616\" height=\"347\" alt=\"Character Animation Toolkit with Built In UI\" title=\"GRAPHIC ELEMENTS\" src=\"https:\/\/i1.wp.com\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/2.-GIF_GRAPHIC_ELEMENTS_NEW_616x347.gif?resize=616%2C347&#038;ssl=1\" class=\"img-responsive wp-image-3021\" data-recalc-dims=\"1\"\/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"background-color: #ed7525;background-position: center top;background-repeat: no-repeat;padding-top:90px;padding-right:0px;padding-bottom:90px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#edeef2;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"width:30.6666%; margin-right: 4%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 20px;\"><div class=\"fusion-text fusion-text-11\"><h2 style=\"color: #fff; margin: 0;\"><span style=\"font-size: 45.6px;\">Narratives<\/span><\/h2>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:10px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-12\"><div class=\"section-content\"><span style=\"color: #ffffff;\">8 premade stories ready for use\u00a0 <\/span><span style=\"color: #ffffff;\">to pick the one that better suits your needs.<\/span><\/div>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:20px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-alignleft\"><style type=\"text\/css\">.fusion-button.button-6 .fusion-button-text, .fusion-button.button-6 i {color:#ffffff;}.fusion-button.button-6 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-6:hover .fusion-button-text, .fusion-button.button-6:hover i,.fusion-button.button-6:focus .fusion-button-text, .fusion-button.button-6:focus i,.fusion-button.button-6:active .fusion-button-text, .fusion-button.button-6:active{color:#000000;}.fusion-button.button-6:hover .fusion-button-icon-divider, .fusion-button.button-6:hover .fusion-button-icon-divider, .fusion-button.button-6:active .fusion-button-icon-divider{border-color:#000000;}.fusion-button.button-6:hover, .fusion-button.button-6:focus, .fusion-button.button-6:active{border-color:#ffffff;}.fusion-button.button-6 {border-color:#ffffff;border-radius:25px;}.fusion-button.button-6{background: #000000;}.fusion-button.button-6:hover,.button-6:focus,.fusion-button.button-6:active{background: #ffffff;}<\/style><a class=\"fusion-button button-flat fusion-button-default-size button-custom button-6 fusion-button-default-span fusion-button-default-type\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/www.youtube.com\/watch?v=0pP0HAXlvA0\"><span class=\"fusion-button-text\">View More<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-last\" style=\"width:65.3333%;margin-top:15px;margin-bottom:15px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 20px 0px 20px;\"><div class=\"fusion-column-content-centered\"><div class=\"fusion-column-content\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-6 hover-type-none\"><img decoding=\"async\" width=\"616\" height=\"347\" alt=\"High Quality Motion Design Tools\" title=\"Character Animation Toolkit with Built In UI\" src=\"https:\/\/i0.wp.com\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/3.-GIF_NARRATIVES_616x347.gif?resize=616%2C347&#038;ssl=1\" class=\"img-responsive wp-image-2993\" data-recalc-dims=\"1\"\/><\/span><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"spay_email":"","footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Components - FrameStory\u2122 | Character Animation Toolkit with Built In UI<\/title>\n<meta name=\"description\" content=\"40000 hours of development, design, animation, 25000 rows of Adobe Scripting Code. A huge variety of over 5000 components to make your work stand out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pictofarm.com\/framestory\/components\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Components - FrameStory\u2122 | Character Animation Toolkit with Built In UI\" \/>\n<meta property=\"og:description\" content=\"40000 hours of development, design, animation, 25000 rows of Adobe Scripting Code. A huge variety of over 5000 components to make your work stand out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pictofarm.com\/framestory\/components\/\" \/>\n<meta property=\"og:site_name\" content=\"FrameStory\u2122 | Character Animation Toolkit with Built In UI\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/framestorytoolkit\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-23T17:53:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/Framestory-About-Header-Video.jpg?fit=1920%2C1080&#038;ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\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=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/pictofarm.com\/framestory\/#organization\",\"name\":\"Framestory\",\"url\":\"https:\/\/pictofarm.com\/framestory\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/framestorytoolkit\",\"https:\/\/www.instagram.com\/pictofarmanimation\/\",\"https:\/\/www.youtube.com\/channel\/UC7tkZdZCsSG2uYg1TWsOTQQ\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/pictofarm.com\/framestory\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/Framestory-Envato.jpg\",\"contentUrl\":\"https:\/\/pictofarm.com\/framestory\/wp-content\/uploads\/2020\/05\/Framestory-Envato.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Framestory\"},\"image\":{\"@id\":\"https:\/\/pictofarm.com\/framestory\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pictofarm.com\/framestory\/#website\",\"url\":\"https:\/\/pictofarm.com\/framestory\/\",\"name\":\"FrameStory\\u2122 | Character Animation Toolkit with Built In UI\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/pictofarm.com\/framestory\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/pictofarm.com\/framestory\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pictofarm.com\/framestory\/components\/#webpage\",\"url\":\"https:\/\/pictofarm.com\/framestory\/components\/\",\"name\":\"Components - FrameStory\\u2122 | Character Animation Toolkit with Built In UI\",\"isPartOf\":{\"@id\":\"https:\/\/pictofarm.com\/framestory\/#website\"},\"datePublished\":\"2016-11-08T15:53:34+00:00\",\"dateModified\":\"2021-01-23T17:53:07+00:00\",\"description\":\"40000 hours of development, design, animation, 25000 rows of Adobe Scripting Code. A huge variety of over 5000 components to make your work stand out!\",\"breadcrumb\":{\"@id\":\"https:\/\/pictofarm.com\/framestory\/components\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pictofarm.com\/framestory\/components\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pictofarm.com\/framestory\/components\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pictofarm.com\/framestory\/\",\"url\":\"https:\/\/pictofarm.com\/framestory\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@id\":\"https:\/\/pictofarm.com\/framestory\/components\/#webpage\"}}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/pictofarm.com\/framestory\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pictofarm.com\/framestory\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pictofarm.com\/framestory\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pictofarm.com\/framestory\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pictofarm.com\/framestory\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":68,"href":"https:\/\/pictofarm.com\/framestory\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":3342,"href":"https:\/\/pictofarm.com\/framestory\/wp-json\/wp\/v2\/pages\/31\/revisions\/3342"}],"wp:attachment":[{"href":"https:\/\/pictofarm.com\/framestory\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}