{"id":2142,"date":"2023-03-15T21:25:22","date_gmt":"2023-03-15T21:25:22","guid":{"rendered":"https:\/\/www.elomatic.com\/?page_id=2142"},"modified":"2026-02-06T07:45:36","modified_gmt":"2026-02-06T07:45:36","slug":"animaatiotuotanto","status":"publish","type":"page","link":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/","title":{"rendered":"Animaatiotuotanto"},"content":{"rendered":"\r\n<div id=\"\" data-sectionname=\"\" data-sectionid=\"elomatic-section-block_6161e09980096048f12dc285734eef6d\"\r\n     class=\"elomatic-section sectionTypo-normal sectionHasBackgroundImage has-valkoinen-color has-calm-grey-background-color has-none-gradient-background sectionBG-position-center align-items-center sectionHeightMin100VH_defunc sectionHeightMin100VH normalPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"calm-grey\" data-textcolor=\"valkoinen\" class=\"sectionBackgroundColorVeil has-calm-grey-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 style=\"text-align: center;\">Animaatiotuotanto<\/h1>\n<p class=\"sectionIngres\" style=\"text-align: center;\">Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.<\/p>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n        \r\n        <div class=\"elomaticScrollDown   scroll-align-center  \"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"\"  data-sectionnameX=\"\" data-sectionidX=\"elomatic-section-block_15534fa1b198ac2e1c2839fc308744b0\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes  pageSection container-fluid p-0 Xd-sm-flex d-flex   positionRelative coverBackground \"  style=\"background-image: url('');\">\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n        <div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"MB\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div><div class=\"gridBlockRow\" data-sarakkeita=\"8\"><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"CG\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><svg id=\"\" data-name=\"\" data-version=\"new\" class=\"gridBlock\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 359 619\"> <defs> <style> .cls-1{fill:#ffffff;stroke:#ffffff;} .cls-2{fill:#ffffff;stroke:#ffffff;} .cls-3{fill:#ffffff;stroke:#ffffff;} .cls-4{fill:#ffffff;stroke:#ffffff;} <\/style> <\/defs><polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-1\" points=\"180 310 0 620 360 620 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-2\" points=\"180 310 360 0 0 0 180 310\"\/> <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-3\" points=\"180 310 0 0 0 620 180 310\"\/>  <polygon data-bg=\"TRSP\" data-opacity=\"1\" class=\"cls-4\" points=\"180 310 360 0 360 620 180 310\"\/><\/svg><\/div>    <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-fluid sectionContent\">\r\n        <div class=\"row \">\r\n            <div class=\"col-12 p-0\">\r\n                \n\r\n<div id=\"animaatiotuotanto\" data-sectionname=\"Animaatiotuotanto\" data-sectionid=\"elomatic-section-block_b355b24e81b25327d2f33e6851562189\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position- align-items-start sectionHeightMin100VH_defunc natural-height normalPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\r\n<div class=\"elomatic-fluid-content-info  container-fluid p-0\" data-sectionid=\"elomatic-section-block_43788df324ad19006ef811f100df3414\">\r\n    <div class=\"row p-0\">\r\n        <div class=\"col-12 \">\r\n            <div class=\"fluidInfoBox\">\r\n                <div class=\"openInfoButton\">\r\n                    <i class=\"fa-solid fa-info \"><\/i><i class=\"fa-solid fa-plus\"><\/i>\r\n                    <!--<br>\r\n                    <i class=\"fa-solid fa-caret-down\"><\/i>\r\n                    -->\r\n                <\/div>\r\n\r\n                <ul class=\"blueBGlist\">\n<li>Tuote-esittely animaatiot<\/li>\n<li>Konsepti- ja hankeanimaatiot<\/li>\n<li>Huolto- ja koulutusanimaatiot<\/li>\n<li>Prosessianimaatiot<\/li>\n<li>360 animaatiot<\/li>\n<li>Digital pipeline<\/li>\n<\/ul>\n            <\/div>\r\n            \n\n<p>3D-animaatioden avulla havainnollistat tuotteesti tai konseptisi toiminnan, hankkeesi suunnitellun l\u00e4piviennin, laitteittesi k\u00e4yt\u00f6n tai huoltokoulutukset helposti ja visuaalisesti. Animaation avulla voidaan n\u00e4ytt\u00e4\u00e4 asioita, joihin ei videokuvaus pysty, kuten rakentamattomia laitoksia, tuotteiden sis\u00e4ll\u00e4 tapahtuvia asioita tai nestevirtauksia.<\/p>\n<p>Olemme luoneet asiakkaillemme satoja animaatioita. Meill\u00e4 on pitk\u00e4aikainen kokemus sek\u00e4 myynnillisten konseptianimaatioiden ett\u00e4 teknisten tuotekoulutusanimaatioiden luomisesta. Teknisen osaamisemme ansiosta kykenemme l\u00e4piviem\u00e4\u00e4n animaatioprojektit ilman jatkuvaa laadunvalvontaa, kuitenkin teid\u00e4n toiveenne tarkasti huomioon ottaen. N\u00e4in projektit ovat teille kevyit\u00e4 ilman ett\u00e4 lopputuloksen laadusta tarvitsee karsia.<\/p>\n<p>Animaatiotuotantomme on osa digitaalista putkea, jonka avulla tuotamme tehokkaasti kuvat, animaatiot sek\u00e4 sovellukset yhdest\u00e4 l\u00e4hteest\u00e4. Havainnollistavat 3D-animaatiot syntyv\u00e4t n\u00e4in kustannustehokkaasti ja nopeasti muiden materiaalien ohella.<\/p>\n\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"tuoteanimaatiot\" data-sectionname=\"Tuoteanimaatiot\" data-sectionid=\"elomatic-section-block_2d1248ae2b501e4abf118fb28b66e87b\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"elomatic-noTopMargin\">Tuoteanimaatiot<\/h2>\n\n\n\r\n<div class=\"elomatic-fluid-content-info  container-fluid p-0\" data-sectionid=\"elomatic-section-block_056d643609140ecd82f152b7f09bcf00\">\r\n    <div class=\"row p-0\">\r\n        <div class=\"col-12 \">\r\n            <div class=\"fluidInfoBox\">\r\n                <div class=\"openInfoButton\">\r\n                    <i class=\"fa-solid fa-info \"><\/i><i class=\"fa-solid fa-plus\"><\/i>\r\n                    <!--<br>\r\n                    <i class=\"fa-solid fa-caret-down\"><\/i>\r\n                    -->\r\n                <\/div>\r\n\r\n                <ul class=\"blueBGlist\">\n<li>Tuotteen markkinointianimaatiot<\/li>\n<li>Koulutusanimaatiot<\/li>\n<li>Animoidut huolto-ohjeet<\/li>\n<\/ul>\n            <\/div>\r\n            \n\n<p class=\"sectionIngres\">Teknisesti tarkat 3D-tuoteanimaatiomme syntyv\u00e4t nopeasti ja laadukkaasti insin\u00f6\u00f6riosaamisemme avulla. Yhdess\u00e4 visuaalisten ammattilaistemme kanssa pystymme tarjoamaan teille markkinoiden parhaan animaatiopalvelun.<\/p>\n\n\n\n<p>3D-animaatioiden avulla tuotteiden esittely on helppoa ja n\u00e4ytt\u00e4v\u00e4\u00e4. Animaation avulla pystytte esittelem\u00e4\u00e4n tuotteesi toimintaperiaatteen mahdollisimman yksikertaisesti tai vaikka viimeist\u00e4 yksityiskohtaa my\u00f6ten. Laadukas animaatio her\u00e4tt\u00e4\u00e4 kohdeyleis\u00f6si mielenkiinnon \u2013 oli se n\u00e4ht\u00e4vill\u00e4 sitten verkkosivuilla tai sosiaalisen media kanavissa.<\/p>\n<p>Voitte hy\u00f6dynt\u00e4\u00e4 esittelyanimaatiota tuotteiden markkinointiin, myyntiin sek\u00e4 koulutustarkoituksiin. R\u00e4\u00e4t\u00e4l\u00f6imme animaation kuvakerronnan aina tarpeenne mukaan. Hyvin toteutettu animaatio palvelee useita eri k\u00e4ytt\u00f6tarkoituksia ja on n\u00e4in ollen varsin kustannustehokas viestinn\u00e4n v\u00e4line.<\/p>\n\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"tb-youtube\" data-toolset-blocks-youtube=\"4ea80042b05eb4c3261d5a9f6b5db114\"><div><iframe data-src=\"https:\/\/www.youtube.com\/embed\/FseOoZrq-gA?rel=0&#038;toolset=1\" frameBorder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4>Vaiheistus<\/h4>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_6cf5661c78a5bdfcb580e1ebecf1d083\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>1.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>L\u00e4ht\u00f6aineiston toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Voit l\u00e4hett\u00e4\u00e4 l\u00e4ht\u00f6aineiston meille miss\u00e4 tahansa suunnittelumallin muodossa, piirustuksina tai kuvina.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>2.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Ensimm\u00e4inen versio<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Luomme aineiston perusteella karkean version animaation kulusta ja katsomme sen l\u00e4pi yhdess\u00e4 kanssanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>3.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animoitu toiminnallisuus<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Kommenttienne perusteella p\u00e4ivit\u00e4mme mallit ja luomme animaatiot ja kamera-ajot yhten\u00e4iseksi tarinaksi, joka katsotaan kanssanne viel\u00e4 l\u00e4pi.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>4.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Visuaalinen viimeistely<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Viimeistelemme animaatio br\u00e4ndiinne sopivilla, visuaalisesti n\u00e4ytt\u00e4vill\u00e4 materiaaleilla, efekteill\u00e4 ja teksteill\u00e4 tai puheella.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>5.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animaation toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Toimitamme lopullisen animaation teille haluamassanne videoformaatissa. Voitte hy\u00f6dynt\u00e4\u00e4 valmista 3D-aineistoa my\u00f6s tulevissa projekteissanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n        \r\n        <div class=\"elomaticScrollDown   scroll-align-center  \"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"konseptianimaatiot\" data-sectionname=\"Konseptianimaatiot\u00a0\" data-sectionid=\"elomatic-section-block_f7ffc0991200d2cec543d454b884e29e\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position- align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"elomatic-noTopMargin\">Konseptianimaatiot\u00a0<\/h2>\n\n\n\r\n<div class=\"elomatic-fluid-content-info  container-fluid p-0\" data-sectionid=\"elomatic-section-block_f19772568bdc3ff8e3473f1cba916ff4\">\r\n    <div class=\"row p-0\">\r\n        <div class=\"col-12 \">\r\n            <div class=\"fluidInfoBox\">\r\n                <div class=\"openInfoButton\">\r\n                    <i class=\"fa-solid fa-info \"><\/i><i class=\"fa-solid fa-plus\"><\/i>\r\n                    <!--<br>\r\n                    <i class=\"fa-solid fa-caret-down\"><\/i>\r\n                    -->\r\n                <\/div>\r\n\r\n                <ul class=\"blueBGlist\">\n<li>Animoitu hankeen eteneminen viestinn\u00e4n tueksi<\/li>\n<li>Prototuotteen toiminnan esittely<\/li>\n<li>Tehokas Digital Pipeline -prosessimme mahdollistaa kuvien, animaatioiden ja XR-ratkaisujen toteutuksen samasta l\u00e4ht\u00f6materiaalista<\/li>\n<\/ul>\n            <\/div>\r\n            \n\n<p class=\"sectionIngres\">Esittele ideasi visuaalisesti jo alkumetreill\u00e4. Kun n\u00e4yt\u00e4t konseptisi 3D-animaatioiden avulla, p\u00e4\u00e4t\u00f6ksenteko nopeutuu ja on helpompi keskitty\u00e4 olennaiseen.<\/p>\n\n\n\n<p>Visuaalisten konsepti- ja hankeanimaatioiden avulla esit\u00e4t eri sidosryhmille, milt\u00e4 suunnittelemasi projekti tulee n\u00e4ytt\u00e4m\u00e4\u00e4n ja kuinka se etenee. Animaation avulla luot n\u00e4ytt\u00e4v\u00e4n ja mieleenpainuvan esityksen projektin l\u00e4piviennist\u00e4, oli kyseess\u00e4 sitten yksitt\u00e4inen tuote tai kokonainen laitos.<\/p>\n<p>Tehokkaan prosessimme avulla voimme yhdist\u00e4\u00e4 konseptin ja hankkeen esittelykuvien ja animaation tuotannon yhdeksi paketiksi.\u00a0<\/p>\n\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"tb-youtube\" data-toolset-blocks-youtube=\"0cf24a3ec257f0b5850ae6985a167f84\"><div><iframe data-src=\"https:\/\/www.youtube.com\/embed\/4p6OvDcUFME?rel=0&#038;toolset=1\" frameBorder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4>Vaiheistus<\/h4>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_5ca28305f5bcd889bd79550b3681df6b\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>1.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>L\u00e4ht\u00f6aineiston toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Voit l\u00e4hett\u00e4\u00e4 l\u00e4ht\u00f6aineiston meille miss\u00e4 tahansa suunnittelumallin muodossa, piirustuksina tai kuvina.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>2.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Ensimm\u00e4inen versio<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Luomme l\u00e4ht\u00f6aineiston perusteella animaatiosta ensimm\u00e4isen version, jonka katsomme l\u00e4pi yhdess\u00e4 kanssanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>3.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animaation viimeistely<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Katselmoinnin perusteella teemme kuvaan lopulliset viilaukset ja viimeistelemme animaation n\u00e4ytt\u00e4v\u00e4ksi videoksi.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>4.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Toimitamme lopullisen animaatiovideon teille haluamassanne muodossa. Voitte hy\u00f6dynt\u00e4\u00e4 valmista 3D-aineistoa my\u00f6s tulevissa projekteissanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"huolto-ja-koulutusanimaatiot\" data-sectionname=\"Huolto- ja koulutusanimaatiot\" data-sectionid=\"elomatic-section-block_c3f96382ea2ee37bf1ab1452fbf33cd6\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"elomatic-noTopMargin\">Huolto- ja koulutusanimaatiot<\/h2>\n\n\n\r\n<div class=\"elomatic-fluid-content-info  container-fluid p-0\" data-sectionid=\"elomatic-section-block_b53f323a8cd1cd83fea93f09b5d4631c\">\r\n    <div class=\"row p-0\">\r\n        <div class=\"col-12 \">\r\n            <div class=\"fluidInfoBox\">\r\n                <div class=\"openInfoButton\">\r\n                    <i class=\"fa-solid fa-info \"><\/i><i class=\"fa-solid fa-plus\"><\/i>\r\n                    <!--<br>\r\n                    <i class=\"fa-solid fa-caret-down\"><\/i>\r\n                    -->\r\n                <\/div>\r\n\r\n                <ul class=\"blueBGlist\">\n<li>Saat yksinkertaistettua monimutkaiset prosessit animaation avulla, jolloin toimintaperiaatteet avautuvat helpommin<\/li>\n<li>Animaatiot sopivat my\u00f6s tarkkaan kouluttamiseen, kun kyseess\u00e4 on vaikka laitteen toiminta tai huollot<\/li>\n<li>Digital Pipeline -prosessimme avulla animaatiot voidaan muuntaa tehokkaasti VR-koulutuksiksi tai opetuskuviksi esityksiin<\/li>\n<\/ul>\n            <\/div>\r\n            \n\n<p class=\"sectionIngres\">Esittele hankalat huoltotoimenpiteet selke\u00e4sti ja kouluta laitteesi k\u00e4ytt\u00e4j\u00e4t tehokkaasti animaatioiden avulla. Ne ovat selkeit\u00e4 k\u00e4ytt\u00e4\u00e4 ja niit\u00e4 on helppo jakaa eri alustoilla.<\/p>\n\n\n\n<p>Vaihe vaiheelta etenev\u00e4t, selke\u00e4t ja informatiiviset 3D-animaatiot ovat loistavaa koulutussis\u00e4lt\u00f6\u00e4. Hyvin rakennettua animaatiota on helppo seurata itsen\u00e4isesti, ja loppuk\u00e4ytt\u00e4j\u00e4lle videot ovat tuttu median muoto ja siten helppoja hy\u00f6dynt\u00e4\u00e4.<\/p>\n<p>Huoltoanimaation kohteena voi olla laitteiden osa, koko laite tai laajemman prosessin eri osat. Voitte t\u00e4ydent\u00e4\u00e4 koulutussis\u00e4lt\u00f6\u00e4 animoimalla vaiheet my\u00f6hemmin VR-koulutukseen, jolloin niit\u00e4 pystyt\u00e4\u00e4n k\u00e4ym\u00e4\u00e4n l\u00e4pi kokonaisvaltaisesti VR-teknologiaa hy\u00f6dynt\u00e4en.<\/p>\n\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"tb-youtube\" data-toolset-blocks-youtube=\"34b10efc4958462c5fe667f5d37835ed\"><div><iframe data-src=\"https:\/\/www.youtube.com\/embed\/qKWwnK2lJJs?rel=0&#038;toolset=1\" frameBorder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4>Vaiheistus<\/h4>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_8e8c2678af316f3f743165abe1fa217d\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>1.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>L\u00e4ht\u00f6aineiston toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Voit l\u00e4hett\u00e4\u00e4 l\u00e4ht\u00f6aineiston meille miss\u00e4 tahansa suunnittelumallin muodossa, piirustuksina tai kuvina.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>2.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Ensimm\u00e4inen versio<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Luomme l\u00e4ht\u00f6aineiston perusteella animaation kulusta karkean version, jonka katsomme kanssanne l\u00e4pi.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>3.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animoitu toiminnallisuus<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Katselmoinnin perusteella p\u00e4ivit\u00e4mme mallit ja luomme animaatiot ja kamera-ajot yhten\u00e4iseksi tarinaksi, jonka katsomme viel\u00e4 yhdess\u00e4 kanssanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>4.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Visuaalinen viimeistely<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Viimeistelemme animaation br\u00e4ndinne mukaisilla, visuaalisesti n\u00e4ytt\u00e4vill\u00e4 materiaaleilla, efekteill\u00e4 ja teksteill\u00e4 tai puheella.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>5.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animaation toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Toimitamme lopullisen animaation teille haluamassanne videoformaatissa. Voitte hy\u00f6dynt\u00e4\u00e4 valmista 3D-aineistoa my\u00f6s tulevissa projekteissanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"prosessianimaatiot\" data-sectionname=\"Prosessianimaatiot\" data-sectionid=\"elomatic-section-block_df314eb7e1dd01fc3b58434736c5f025\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position- align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"elomatic-noTopMargin\">Prosessianimaatiot<\/h2>\n\n\n\r\n<div class=\"elomatic-fluid-content-info  container-fluid p-0\" data-sectionid=\"elomatic-section-block_30269fe8304012f0b037010d59b11b11\">\r\n    <div class=\"row p-0\">\r\n        <div class=\"col-12 \">\r\n            <div class=\"fluidInfoBox\">\r\n                <div class=\"openInfoButton\">\r\n                    <i class=\"fa-solid fa-info \"><\/i><i class=\"fa-solid fa-plus\"><\/i>\r\n                    <!--<br>\r\n                    <i class=\"fa-solid fa-caret-down\"><\/i>\r\n                    -->\r\n                <\/div>\r\n\r\n                <ul class=\"blueBGlist\">\n<li>Monimutkaiset prosessit saa yksinkertaistettua animaation avulla, jolloin toimintaperiaatteet avautuvat helpommin<\/li>\n<li>Animaatioilla voidaan esitt\u00e4\u00e4 nopeasti tapahtuvia asioita hidastetusti ja tarkasti<\/li>\n<li>Digital Pipeline -prosessimme avulla animaatioista voidaan tehd\u00e4 koulutuskuvia esityksiin sek\u00e4 VR-ymp\u00e4rist\u00f6j\u00e4 koulutustarkoituksiin<\/li>\n<\/ul>\n            <\/div>\r\n            \n\n<p class=\"sectionIngres\">Prosessianimaatioiden avulla voit esitell\u00e4 tehtaan tai prosessin toimintaa joko suoraviivaisesti tai yksityiskohtaisemmin.<\/p>\n\n\n\n<p>Tuotantolaitoksiin sis\u00e4ltyy monimutkaisia prosesseja, joiden kouluttaminen uusille ty\u00f6ntekij\u00f6ille on t\u00e4rke\u00e4\u00e4. Prosessianimaatioiden avulla voit luoda prosessin eri vaiheista monen tasoisia animaatiovideota, joiden avulla ty\u00f6ntekij\u00e4t sis\u00e4ist\u00e4v\u00e4t uudet prosessit nopeasti.<\/p>\n<p>Voit hy\u00f6dynt\u00e4\u00e4 prosessianimaatioita my\u00f6s myynnin tukena ja markkinoinnissa, jotta asiakkaat ymm\u00e4rt\u00e4v\u00e4t paremmin laitoksen toimintaa.<\/p>\n\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"tb-youtube\" data-toolset-blocks-youtube=\"2254a147e68145fd833dd613d65661cc\"><div><iframe data-src=\"https:\/\/www.youtube.com\/embed\/fRg6g5Em1WQ?rel=0&#038;toolset=1\" frameBorder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4>Vaiheistus<\/h4>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_3ad6d7ecf69344f8df0f28b108076864\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>1.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>L\u00e4ht\u00f6aineiston toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Voit l\u00e4hett\u00e4\u00e4 l\u00e4ht\u00f6aineiston meille miss\u00e4 tahansa suunnittelumallin muodossa, piirustuksina tai kuvina.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>2.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Ensimm\u00e4inen versio<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Luomme l\u00e4ht\u00f6aineiston perusteella animaation kulusta karkean version, jonka katsomme yhdess\u00e4 kanssanne l\u00e4pi.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>3.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animoitu toiminnallisuus<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Katselmoinnin perusteella p\u00e4ivit\u00e4mme mallit ja luomme animaatiot ja kamera-ajot yhten\u00e4iseksi tarinaksi, jonka katsomme viel\u00e4 yhdess\u00e4 kanssanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>4.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Visuaalinen viimeistely<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Viimeistelemme animaation br\u00e4ndinne mukaisilla, visuaalisesti n\u00e4ytt\u00e4vill\u00e4 materiaaleilla, efekteill\u00e4 ja teksteill\u00e4 tai puheella.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>5.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animaation toimittaminen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Toimitamme lopullisen animaation teille haluamassanne videoformaatissa. Voitte hy\u00f6dynt\u00e4\u00e4 valmista 3D-aineistoa my\u00f6s tulevissa projekteissanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"360-animaatiot\" data-sectionname=\"360-animaatiot\" data-sectionid=\"elomatic-section-block_7c3d53916e567f55d7ec0572c07bcb41\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"elomatic-noTopMargin\">360-animaatiot<\/h2>\n\n\n\r\n<div class=\"elomatic-fluid-content-info  container-fluid p-0\" data-sectionid=\"elomatic-section-block_04ecda94c9f54d3afe4162ed6e9add2c\">\r\n    <div class=\"row p-0\">\r\n        <div class=\"col-12 \">\r\n            <div class=\"fluidInfoBox\">\r\n                <div class=\"openInfoButton\">\r\n                    <i class=\"fa-solid fa-info \"><\/i><i class=\"fa-solid fa-plus\"><\/i>\r\n                    <!--<br>\r\n                    <i class=\"fa-solid fa-caret-down\"><\/i>\r\n                    -->\r\n                <\/div>\r\n\r\n                <ul class=\"blueBGlist\">\n<li>360-animaatiot on helppo julkaista ja jakaa et\u00e4koulutuksia varten<\/li>\n<li>Samoja materiaaleja voidaan muuntaa my\u00f6hemmin kouluttavaksi virtuaaliymp\u00e4rist\u00f6ksi Digital Pipeline -prosessimme avulla<\/li>\n<\/ul>\n            <\/div>\r\n            \n\n<p class=\"sectionIngres\">360-animaatioiden avulla esittelet tilojasi tai prosessejasi interaktiivisesti. Sis\u00e4ll\u00f6t voidaan luoda 360-kuvaamalla, 3D-malleista tai niiden yhdistelmist\u00e4.<\/p>\n\n\n\n<p>360-animaatiot ovat interaktiivisia videoita, joiden avulla katsoja voi k\u00e4\u00e4nt\u00e4\u00e4 kuvakulmaa haluamaansa suuntaan ja n\u00e4hd\u00e4 kameran ymp\u00e4rill\u00e4 olevan tilan kokonaisuudessaan. T\u00e4m\u00e4 mahdollistaa aivan uudenlaisen tavan esitell\u00e4 tiloja ja kertoa tarinaa.<\/p>\n<p>360-animaatioiden avulla voimme rakentaa my\u00f6s interaktiivisia kierroksia. 3D:ll\u00e4 luotu ymp\u00e4rist\u00f6 on mahdollista animoida, ja sinne voidaan lis\u00e4t\u00e4 my\u00f6s teksti\u00e4 ja videoita. N\u00e4in 360-animaatioista muodostuu nettisivujen kaltainen kokemus, jossa k\u00e4vij\u00e4 voi liikkua ja oppia itsen\u00e4isesti. Erona nettisivuihin on tilallinen kokemus, jossa k\u00e4vij\u00e4 saa itse tutkia ja oivaltaa viestisi \u2013 niin se j\u00e4\u00e4 my\u00f6s paremmin mieleen.<\/p>\n<p>Voimme luoda 360-animaatiot videokuvaamalla, 3D-mallinnuksen avulla tai yhdistelem\u00e4ll\u00e4 niit\u00e4.<\/p>\n\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"558\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/360-animations.jpg\" alt=\"360 Animations\" class=\"wp-image-25672\" srcset=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/360-animations.jpg 992w, https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/360-animations-300x169.jpg 300w, https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/360-animations-768x432.jpg 768w\"  sizes=\"(max-width: 992px) 100vw, 992px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4>Vaiheistus<\/h4>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_e0b16b045a96dc4930cb52aeb505c8e3\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>1.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Kuvaus- tai mallinnussuunnitelman luominen<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Laadimme 360-sis\u00e4ll\u00f6n tuotannolle kanssanne suunnitelman, jonka avulla kuvaukset ja mallinnus hoituvat tehokkaasti.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>2.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Ensimm\u00e4inen versio<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Luomme kuvausten ja muiden l\u00e4ht\u00f6aineistojen perusteella ensimm\u00e4isen version 360-sis\u00e4ll\u00f6st\u00e4, jonka katselmoimme yhdess\u00e4 kanssanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>3.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Sis\u00e4ll\u00f6n viimeistely<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Katselmoinnin perusteella teemme sis\u00e4lt\u00f6\u00f6n lopulliset viilaukset ja viimeistelemme sen n\u00e4ytt\u00e4v\u00e4ksi kokonaisuudeksi.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>4.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>360-animaation toimitus<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Toimitamme lopullisen sis\u00e4ll\u00f6n teille. Voitte hy\u00f6dynt\u00e4\u00e4 valmista 3D-aineistoa my\u00f6s tulevissa projekteissanne.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"digital-pipeline\" data-sectionname=\"Digital Pipeline\" data-sectionid=\"elomatic-section-block_f6d46ee5d9c8bb0f4e57052904653261\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position- align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"elomatic-noTopMargin\">Digital Pipeline<\/h2>\n\n\n\r\n<div class=\"elomatic-fluid-content-info  container-fluid p-0\" data-sectionid=\"elomatic-section-block_1ee4a8abf0bbf4301e43828a7a13671b\">\r\n    <div class=\"row p-0\">\r\n        <div class=\"col-12 \">\r\n            <div class=\"fluidInfoBox\">\r\n                <div class=\"openInfoButton\">\r\n                    <i class=\"fa-solid fa-info \"><\/i><i class=\"fa-solid fa-plus\"><\/i>\r\n                    <!--<br>\r\n                    <i class=\"fa-solid fa-caret-down\"><\/i>\r\n                    -->\r\n                <\/div>\r\n\r\n                <ul class=\"blueBGlist\">\n<li>Tehokas tuotantoputki suunnitteluaineistostanne useaksi eri lopputuotteeksi<\/li>\n<li>3D-kuvat, animaatiot sek\u00e4 interaktiiviset sovellukset samasta aineistosta<\/li>\n<li>Julkaisut eri alustoille: web, mobile, VR ja desktop<\/li>\n<li>Olennainen osa tulevaisuuden Digital Twin -ratkaisuasi<\/li>\n<\/ul>\n            <\/div>\r\n            \n\n<p class=\"sectionIngres\">Digitaalisen tuotantoketjumme avulla pystymme tuottamaan 3D-sis\u00e4lt\u00f6j\u00e4 entist\u00e4kin kustannustehokkaammin. Kykenemme tarjoamaan ylivoimaisen palvelupaketin toimintasi tueksi.<\/p>\n\n\n\n<p>Prosessi, jossa hy\u00f6dynn\u00e4mme samoja 3D-aineistoja eri ratkaisuissa, etenee asteittain alkaen laajasti hy\u00f6dynnett\u00e4v\u00e4st\u00e4 suunnitteluaineistosta. \u00a0<\/p>\n<p>Kevennetty, suunnitteluv\u00e4reiss\u00e4 oleva tekninen sis\u00e4lt\u00f6 voidaan vied\u00e4 kentt\u00e4ty\u00f6l\u00e4isten mobiililaitteelle ilman kalliita suunnittelulisenssej\u00e4. Ongelmatilanteissa yhteisymm\u00e4rryksen rakentaminen johdon ja ty\u00f6ntekij\u00f6iden v\u00e4lill\u00e4 onnistuu parhaiten 3D-aineiston avulla.<\/p>\n<p>Visualisoimalla suunnitteluaineiston luomme pohjan sek\u00e4 3D-kuvien ett\u00e4 animoidun sis\u00e4ll\u00f6n rakentamiseen. Tuottamamme visuaalinen sis\u00e4lt\u00f6 on laadukasta ja sopii niin koulutuksiin kuin myynnin ja markkinoinnin tarpeisiin.<\/p>\n<p>Voimme rakentaa visuaalisen sis\u00e4ll\u00f6n p\u00e4\u00e4lle my\u00f6s interaktiivisia t\u00e4sm\u00e4ty\u00f6kaluja. Olemme toteuttaneet esimerkiksi <a href=\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/virtual-factory\/\">Virtual Factory VR -koulutukset<\/a> ja Sixth Sense AR -applikaation asennuksen aikaiseen viestint\u00e4\u00e4n.<\/p>\n\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4>Vaiheistus<\/h4>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n\r\n\r\n\r\n<div id=\"elomatic-section-block_11a063552cdc425b5092ec563509702b\" class=\"elomatic-phases container-fluid phaseContainer\">\r\n    <div class=\"row phaseRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n                        <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>1.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Katselumalli<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Kevenn\u00e4mme suunnittelumallin ja julkaisemme sen esimerkiksi mobiilialustalle. Saatte tehokkaan ty\u00f6kalun ongelmatilanteiden ratkaisuun paikan p\u00e4\u00e4ll\u00e4.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>2.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Visualisoitu malli<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Jatkojalostamme kevennetyn mallin realistisilla materiaaleilla ja valoilla, jolloin voitte hy\u00f6dynt\u00e4\u00e4 sit\u00e4 esimerkiksi myynnin tukena ja markkinoinnissa.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>3.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Animoitu malli<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Pystymme lis\u00e4\u00e4m\u00e4\u00e4n visualisoituun malliin tuotteen toiminnallisuutta, jolloin voitte hy\u00f6dynt\u00e4\u00e4 sit\u00e4 tehokkaammin markkinoinnissa tai koulutuksissa.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n                            <div class=\" phaseBoxWrapper hideIcons  showIDSs  \">\r\n\r\n\r\n                    \r\n\r\n                                            <div class=\"phaseID showIDSs\">\r\n                            <h5>4.<\/h5>                        <\/div>\r\n                    \r\n\r\n                    <div class=\"phaseBox\">\r\n                        <div class=\"phaseTitleWrapper \">\r\n                                                            <div class=\"phaseTitle\"><h5>Interaktiivinen sovellus<\/h5><\/div>\r\n                                                    <\/div>\r\n\r\n                        <div class=\"phaseContent\">\r\n                            <p>Viemme animoidut visuaaliset mallit virtuaaliymp\u00e4rist\u00f6\u00f6n, joissa k\u00e4ytt\u00e4j\u00e4t voivat katsella niit\u00e4 todellisessa koossa tai harjoitella esimerkiksi huoltotoimenpiteit\u00e4.<\/p>\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            \r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\n\r\n<div id=\"ota-yhteytta\" data-sectionname=\"Ota yhteytt\u00e4\" data-sectionid=\"elomatic-section-block_6ed1cdcea7b3dec3f579376e145d8014\"\r\n     class=\"elomatic-section sectionTypo-normal noBackgroundImage has-none-color has-none-background-color has-none-gradient-background sectionBG-position-center align-items-start sectionHeightMin100VH_defunc natural-height lightPadding  normalShapes   pageSection container-fluid Xd-sm-flex d-flex   positionRelative coverBackground \" style=\"background-image: url('');\" data-gradient=\"none\">\r\n\r\n\r\n    \r\n\r\n    <div data-backgroundcolor=\"none\" data-textcolor=\"none\" class=\"sectionBackgroundColorVeil has-none-background-color \"><\/div>\r\n\r\n\r\n    <div class=\"sectionGridWrapper\" data-fill=\"white\"\r\n         data-koodi=\"\" data-testikoodi=\"\">\r\n            <\/div>\r\n\r\n    <div class=\"sectionGridWrapperExtension\"><\/div>\r\n    <div class=\"container-sm sectionContent\">\r\n        <div class=\"row widthNarrow\">\r\n            <div class=\"col-12 p-0\">\r\n                \n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"elomatic-noTopMargin\">Ota yhteytt\u00e4<\/h4>\n\n\n\r\n\r\n\r\n<div id=\"elomatic-section-block_21be1453c1c2fc818d5de05a932a20eb\" class=\"elomatic-phases container-fluid contactPersonContainer\">\r\n    <div class=\"row contactPersonRow row-cols-sm-1 row-cols-lg-2 row-cols-xxl-2\">\r\n\r\n        \r\n            \r\n                \r\n                <div class=\"Xcol-12 Xcol-md-6 contactPersonWrapper \" data-published=\"publish\">\r\n\r\n\r\n                                            <div class=\"contactImage\">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/04\/niko.ihalainen@elomatic.com_.jpg\">\r\n                        <\/div>\r\n                    \r\n                    <div class=\"contactInfo\">\r\n                        <h6>Niko Ihalainen<\/h6>\r\n                        <p class=\"contactTitle\">Solution Manager<\/p>\r\n                                                <p>\r\n                            <a class=\"contactPhone\" href=\"tel:+358 44 7536 943\"><i class=\"fa-solid fa-phone\"><\/i>+358 44 7536 943<\/a>\r\n                            <a class=\"contactEmail\" href=\"mailto:niko.ihalainen@elomatic.com\"><i class=\"fa-solid fa-paper-plane\"><\/i>niko.ihalainen@elomatic.com<\/a>\r\n\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n            \r\n                \r\n                <div class=\"Xcol-12 Xcol-md-6 contactPersonWrapper \" data-published=\"publish\">\r\n\r\n\r\n                                            <div class=\"contactImage\">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/04\/jukka.timonen@elomatic.com_.jpg\">\r\n                        <\/div>\r\n                    \r\n                    <div class=\"contactInfo\">\r\n                        <h6>Jukka Timonen<\/h6>\r\n                        <p class=\"contactTitle\">Product Owner \u2013 Virtual Factory <\/p>\r\n                                                <p>\r\n                            <a class=\"contactPhone\" href=\"tel:+358 40 1851 530\"><i class=\"fa-solid fa-phone\"><\/i>+358 40 1851 530<\/a>\r\n                            <a class=\"contactEmail\" href=\"mailto:jukka.timonen@elomatic.com\"><i class=\"fa-solid fa-paper-plane\"><\/i>jukka.timonen@elomatic.com<\/a>\r\n\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n            \r\n        \r\n    <\/div>\r\n\r\n<\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n<\/div>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.<\/p>\n","protected":false},"author":1,"featured_media":25676,"parent":2117,"menu_order":40,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"business-unit":[913],"insight-theme":[],"industryx":[],"class_list":["post-2142","page","type-page","status-publish","has-post-thumbnail","hentry","business-unit-technology-solutions-fi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Animaatiotuotanto - Elomatic<\/title>\n<meta name=\"description\" content=\"Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.\" \/>\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.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animaatiotuotanto\" \/>\n<meta property=\"og:description\" content=\"Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/\" \/>\n<meta property=\"og:site_name\" content=\"Elomatic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elomaticoy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-06T07:45:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.\" \/>\n<meta name=\"twitter:site\" content=\"@ElomaticOy\" \/>\n<meta name=\"twitter:label1\" content=\"Arvioitu lukuaika\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minuuttia\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/\",\"url\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/\",\"name\":\"Animaatiotuotanto - Elomatic\",\"isPartOf\":{\"@id\":\"https:\/\/www.elomatic.com\/fi\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg\",\"datePublished\":\"2023-03-15T21:25:22+00:00\",\"dateModified\":\"2026-02-06T07:45:36+00:00\",\"description\":\"Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#primaryimage\",\"url\":\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg\",\"contentUrl\":\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Etusivu\",\"item\":\"https:\/\/www.elomatic.com\/fi\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Teknologiaratkaisut\",\"item\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Visualisointi\",\"item\":\"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Animaatiotuotanto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.elomatic.com\/fi\/#website\",\"url\":\"https:\/\/www.elomatic.com\/fi\/\",\"name\":\"Elomatic\",\"description\":\"Visions of Tomorrow, Engineered Today\",\"publisher\":{\"@id\":\"https:\/\/www.elomatic.com\/fi\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.elomatic.com\/fi\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.elomatic.com\/fi\/#organization\",\"name\":\"Elomatic\",\"url\":\"https:\/\/www.elomatic.com\/fi\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/www.elomatic.com\/fi\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/05\/Elomatic_Logo_Slogan_RGB.png\",\"contentUrl\":\"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/05\/Elomatic_Logo_Slogan_RGB.png\",\"width\":1848,\"height\":521,\"caption\":\"Elomatic\"},\"image\":{\"@id\":\"https:\/\/www.elomatic.com\/fi\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elomaticoy\",\"https:\/\/x.com\/ElomaticOy\",\"https:\/\/www.linkedin.com\/company\/elomatic\",\"https:\/\/www.instagram.com\/elomaticoy\/\",\"https:\/\/www.youtube.com\/channel\/UCclTiQQtIi7d4oCK9M-fjOA\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Animaatiotuotanto - Elomatic","description":"Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.","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.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/","og_locale":"fi_FI","og_type":"article","og_title":"Animaatiotuotanto","og_description":"Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.","og_url":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/","og_site_name":"Elomatic","article_publisher":"https:\/\/www.facebook.com\/elomaticoy","article_modified_time":"2026-02-06T07:45:36+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_description":"Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.","twitter_site":"@ElomaticOy","twitter_misc":{"Arvioitu lukuaika":"4 minuuttia"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/","url":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/","name":"Animaatiotuotanto - Elomatic","isPartOf":{"@id":"https:\/\/www.elomatic.com\/fi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#primaryimage"},"image":{"@id":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#primaryimage"},"thumbnailUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg","datePublished":"2023-03-15T21:25:22+00:00","dateModified":"2026-02-06T07:45:36+00:00","description":"Esittele tuotteesi kuin paikan p\u00e4\u00e4ll\u00e4 helposti ja vaivattomasti. 3D-animaation avulla havainnollistat tuotteesi t\u00e4rkeimm\u00e4t ominaisuudet ja parhaat puolet.","breadcrumb":{"@id":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#primaryimage","url":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg","contentUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/11\/animation-production-hero.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/animaatiotuotanto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/www.elomatic.com\/fi\/"},{"@type":"ListItem","position":2,"name":"Teknologiaratkaisut","item":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/"},{"@type":"ListItem","position":3,"name":"Visualisointi","item":"https:\/\/www.elomatic.com\/fi\/teknologiaratkaisut\/visualisointi\/"},{"@type":"ListItem","position":4,"name":"Animaatiotuotanto"}]},{"@type":"WebSite","@id":"https:\/\/www.elomatic.com\/fi\/#website","url":"https:\/\/www.elomatic.com\/fi\/","name":"Elomatic","description":"Visions of Tomorrow, Engineered Today","publisher":{"@id":"https:\/\/www.elomatic.com\/fi\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.elomatic.com\/fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Organization","@id":"https:\/\/www.elomatic.com\/fi\/#organization","name":"Elomatic","url":"https:\/\/www.elomatic.com\/fi\/","logo":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/www.elomatic.com\/fi\/#\/schema\/logo\/image\/","url":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/05\/Elomatic_Logo_Slogan_RGB.png","contentUrl":"https:\/\/www.elomatic.com\/wp-content\/uploads\/2023\/05\/Elomatic_Logo_Slogan_RGB.png","width":1848,"height":521,"caption":"Elomatic"},"image":{"@id":"https:\/\/www.elomatic.com\/fi\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elomaticoy","https:\/\/x.com\/ElomaticOy","https:\/\/www.linkedin.com\/company\/elomatic","https:\/\/www.instagram.com\/elomaticoy\/","https:\/\/www.youtube.com\/channel\/UCclTiQQtIi7d4oCK9M-fjOA"]}]}},"_links":{"self":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/2142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/comments?post=2142"}],"version-history":[{"count":58,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/2142\/revisions"}],"predecessor-version":[{"id":39627,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/2142\/revisions\/39627"}],"up":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/pages\/2117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/media\/25676"}],"wp:attachment":[{"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/media?parent=2142"}],"wp:term":[{"taxonomy":"business-unit","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/business-unit?post=2142"},{"taxonomy":"insight-theme","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/insight-theme?post=2142"},{"taxonomy":"industryx","embeddable":true,"href":"https:\/\/www.elomatic.com\/fi\/wp-json\/wp\/v2\/industryx?post=2142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}