{"componentChunkName":"component---src-templates-project-jsx","path":"/cn/projects/qq-x-wang-yuan","result":{"data":{"markdownRemark":{"html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 84.42708333333333%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAARABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAIEBQH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAGlGhw12UIgA//EABkQAQEAAwEAAAAAAAAAAAAAAAECAxEgIf/aAAgBAQABBQLI+Nyk6Tr/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAZEAABBQAAAAAAAAAAAAAAAAAAAQIwYYH/2gAIAQEABj8CatGwf//EABsQAQACAgMAAAAAAAAAAAAAAAEAERBBICFR/9oACAEBAAE/IRNBpBvYWmvI1I7ji+H/2gAMAwEAAgADAAAAEOMPPP/EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQMBAT8QH//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8QH//EABsQAQACAwEBAAAAAAAAAAAAAAEAESExcSBh/9oACAEBAAE/ECzSGxrncShmK20bggksXf2JTeJWYMPH/9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"QQ Roy project header\"\n        title=\"QQ Roy project header\"\n        src=\"/static/7804d217f0b83809266050503e78ed2d/c59ee/QQ_Roy_project_header.jpg\"\n        srcset=\"/static/7804d217f0b83809266050503e78ed2d/174c4/QQ_Roy_project_header.jpg 350w,\n/static/7804d217f0b83809266050503e78ed2d/d64a8/QQ_Roy_project_header.jpg 700w,\n/static/7804d217f0b83809266050503e78ed2d/c59ee/QQ_Roy_project_header.jpg 1400w,\n/static/7804d217f0b83809266050503e78ed2d/84b07/QQ_Roy_project_header.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<div class=\"gatsby-resp-iframe-wrapper\" style=\"padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; \" > <iframe src=\"https://player.youku.com/embed/XNDAwMDczMDUyNA==\" frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen style=\" position: absolute; top: 0; left: 0; width: 100%; height: 100%; \"></iframe> </div>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 84.27083333333334%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAARABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAECBAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHh102MaRUAH//EABsQAAEFAQEAAAAAAAAAAAAAAAECAxAREgAh/9oACAEBAAEFAsGqjNBtaW+J9n//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAcEAABAwUAAAAAAAAAAAAAAAACABEhARAgMYH/2gAIAQEABj8CeFqzRKKhC/cf/8QAGxAAAwACAwAAAAAAAAAAAAAAAAERITEgUXH/2gAIAQEAAT8hTM0elPQjGmYyTdWCunVoXrh//9oADAMBAAIAAwAAABBEwAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/EB//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/EB//xAAcEAEAAgIDAQAAAAAAAAAAAAABABEhUSAxQXH/2gAIAQEAAT8QZH6Mpi6vG7iTThOyAScIGbbl4BkKKd37EYLTt4f/2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"QQ Roy style 02\"\n        title=\"QQ Roy style 02\"\n        src=\"/static/067c217c9c271062bf0d891b5bee7b2c/c59ee/QQ_Roy_style_02.jpg\"\n        srcset=\"/static/067c217c9c271062bf0d891b5bee7b2c/174c4/QQ_Roy_style_02.jpg 350w,\n/static/067c217c9c271062bf0d891b5bee7b2c/d64a8/QQ_Roy_style_02.jpg 700w,\n/static/067c217c9c271062bf0d891b5bee7b2c/c59ee/QQ_Roy_style_02.jpg 1400w,\n/static/067c217c9c271062bf0d891b5bee7b2c/84b07/QQ_Roy_style_02.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 56.35416666666666%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAEDBAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHPUgVhh//EABsQAAIBBQAAAAAAAAAAAAAAAAASIQECAxEy/9oACAEBAAEFAoVWpBYZONn/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAZEAACAwEAAAAAAAAAAAAAAAAAEBESQWH/2gAIAQEABj8C6Sap2y//xAAfEAACAgAHAQAAAAAAAAAAAAAAARExIUFRYXGBkdH/2gAIAQEAAT8hqtQvVm8OKOQwrr6KkyLIn0kf/9oADAMBAAIAAwAAABDgz//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABwQAQEAAgMBAQAAAAAAAAAAAAERACExQdFhkf/aAAgBAQABPxAagA6OOjjUuaVkQ9jgmvOsixIIBLOPnvASEIG4vgxOb/c//9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"QQ Roy style 03\"\n        title=\"QQ Roy style 03\"\n        src=\"/static/937c0cd166f5de1ac3fc9ad4c4daeb09/c59ee/QQ_Roy_style_03.jpg\"\n        srcset=\"/static/937c0cd166f5de1ac3fc9ad4c4daeb09/174c4/QQ_Roy_style_03.jpg 350w,\n/static/937c0cd166f5de1ac3fc9ad4c4daeb09/d64a8/QQ_Roy_style_03.jpg 700w,\n/static/937c0cd166f5de1ac3fc9ad4c4daeb09/c59ee/QQ_Roy_style_03.jpg 1400w,\n/static/937c0cd166f5de1ac3fc9ad4c4daeb09/84b07/QQ_Roy_style_03.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><img src=\"/790f24fe875327b680e099ab1e0647f7/RoyWang_X_QQ_clip06.gif\"></p>\n<p><img src=\"/cf5bf7c2812687f2a1aaca8118053f80/RoyWang_X_QQ_clip07.gif\"></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 85.78124999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAARABQDASIAAhEBAxEB/8QAGQABAAMBAQAAAAAAAAAAAAAAAAEFBgME/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAIDBP/aAAwDAQACEAMQAAABqJ0Hda5Rblv4gmuQH//EABwQAAIBBQEAAAAAAAAAAAAAAAEDAgAEEBITFP/aAAgBAQABBQIW7SPO2iqYpRHLaG9yY9s//8QAGhEAAgIDAAAAAAAAAAAAAAAAAQIAAxARIf/aAAgBAwEBPwEr2LQpG8//xAAWEQADAAAAAAAAAAAAAAAAAAAAEBL/2gAIAQIBAT8BKf8A/8QAHxAAAgECBwAAAAAAAAAAAAAAAAEhAhEDICIzUWGR/9oACAEBAAY/ArrDbNtkqwtaUc9jvVT6ROT/xAAcEAEAAwACAwAAAAAAAAAAAAABABEhEEFhcYH/2gAIAQEAAT8hDAnsI2VWxmrXmYnOx9kEsxWfTGLAo05J/9oADAMBAAIAAwAAABDYEED/xAAaEQEAAgMBAAAAAAAAAAAAAAABIVEAEPAR/9oACAEDAQE/EBEAx1YLXs9W/wD/xAAYEQEAAwEAAAAAAAAAAAAAAAABABARIf/aAAgBAgEBPxAeRY5f/8QAGhABAAMBAQEAAAAAAAAAAAAAAQARMSFBkf/aAAgBAQABPxDIFVgYXghaI/ZY/pSBiMgQoiJc8shz2xUSlvtMVXw1KZHZ5MT/2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"QQ Roy style 04\"\n        title=\"QQ Roy style 04\"\n        src=\"/static/5502df5e1de8b044d77b82fd2b59af78/c59ee/QQ_Roy_style_04.jpg\"\n        srcset=\"/static/5502df5e1de8b044d77b82fd2b59af78/174c4/QQ_Roy_style_04.jpg 350w,\n/static/5502df5e1de8b044d77b82fd2b59af78/d64a8/QQ_Roy_style_04.jpg 700w,\n/static/5502df5e1de8b044d77b82fd2b59af78/c59ee/QQ_Roy_style_04.jpg 1400w,\n/static/5502df5e1de8b044d77b82fd2b59af78/84b07/QQ_Roy_style_04.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><img src=\"/bdffe6458d0535bad72bf564333d22f8/RoyWang_X_QQ_clip01.gif\"></p>\n<p><img src=\"/1966add1f119f010cccb87a9ba95fd78/RoyWang_X_QQ_clip02.gif\"></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 1400px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 64.63541666666667%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAgP/xAAXAQADAQAAAAAAAAAAAAAAAAAAAQID/9oADAMBAAIQAxAAAAGTpSiUqdR5/wD/xAAaEAACAwEBAAAAAAAAAAAAAAABAgADEhEx/9oACAEBAAEFAhjpoeGpxB6jkx7Tr//EABcRAAMBAAAAAAAAAAAAAAAAAAABAhH/2gAIAQMBAT8Bq21htH//xAAWEQEBAQAAAAAAAAAAAAAAAAAAASH/2gAIAQIBAT8BkY//xAAZEAACAwEAAAAAAAAAAAAAAAAAEAERMUH/2gAIAQEABj8COGKbX//EABoQAQEBAQADAAAAAAAAAAAAAAEAESExQYH/2gAIAQEAAT8h9D4W7cA+OymMWCRSY/F//9oADAMBAAIAAwAAABBk/wD/xAAWEQEBAQAAAAAAAAAAAAAAAAARARD/2gAIAQMBAT8QICYf/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAB/9oACAECAQE/EMF2J//EABoQAQADAQEBAAAAAAAAAAAAAAEAESFRMUH/2gAIAQEAAT8QT7LoZcSLoqxLYhBZxiIPRGLkI9+ciAIBmt3P/9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"QQ Roy style 05\"\n        title=\"QQ Roy style 05\"\n        src=\"/static/bbad4be25d470f23cb24b2d7e9a8d5f8/c59ee/QQ_Roy_style_05.jpg\"\n        srcset=\"/static/bbad4be25d470f23cb24b2d7e9a8d5f8/174c4/QQ_Roy_style_05.jpg 350w,\n/static/bbad4be25d470f23cb24b2d7e9a8d5f8/d64a8/QQ_Roy_style_05.jpg 700w,\n/static/bbad4be25d470f23cb24b2d7e9a8d5f8/c59ee/QQ_Roy_style_05.jpg 1400w,\n/static/bbad4be25d470f23cb24b2d7e9a8d5f8/84b07/QQ_Roy_style_05.jpg 1920w\"\n        sizes=\"(max-width: 1400px) 100vw, 1400px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><img src=\"/da492fd1cccaf4349a971beb458eba23/RoyWang_X_QQ_clip03.gif\"></p>\n<p><img src=\"/06a99775d4fc5a54545f5336d1a9103c/RoyWang_X_QQ_clip04.gif\"></p>\n<p><img src=\"/a2d65a825450fdac4cdf13d15341baf1/RoyWang_X_QQ_clip05.gif\"></p>\n<h3>Full Credits</h3>\n<ul>\n<li>客户: Tencent</li>\n<li>代理公司: GWC Shanghai</li>\n<li>制作公司: GUMLAB, Gumwap Films</li>\n<li>导演: Anxing</li>\n<li>制片: Demen</li>\n<li>主摄: 小P</li>\n<li>动画导演: Wen Shi 斯文</li>\n<li>美术指导: Amao </li>\n<li>角色设计: Karen</li>\n<li>动画: Flatwhite Motion，GUMLAB</li>\n<li>MG动画: Liu Hang刘航, Zhao Guodong 赵国栋</li>\n<li>后期制片: Liu Xing 刘星</li>\n<li>后期合成: 猴子</li>\n<li>声音设计：沈越青</li>\n</ul>","timeToRead":1,"excerpt":"Full Credits 客户: Tencent 代理公司: GWC Shanghai 制作公司: GUMLAB, Gumwap Films 导演: Anxing 制片: Demen 主摄: 小P 动画导演: Wen Shi 斯文 美术指导: Amao  角色设计: Karen…","frontmatter":{"title":"QQ x Wang Yuan","cover":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAARABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAIEBQH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAGlGhw12UIgA//EABkQAQEAAwEAAAAAAAAAAAAAAAECAxEgIf/aAAgBAQABBQLI+Nyk6Tr/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAZEAABBQAAAAAAAAAAAAAAAAAAAQIwYYH/2gAIAQEABj8CatGwf//EABsQAQACAgMAAAAAAAAAAAAAAAEAERBBICFR/9oACAEBAAE/IRNBpBvYWmvI1I7ji+H/2gAMAwEAAgADAAAAEOMPPP/EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQMBAT8QH//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8QH//EABsQAQACAwEBAAAAAAAAAAAAAAEAESExcSBh/9oACAEBAAE/ECzSGxrncShmK20bggksXf2JTeJWYMPH/9k=","aspectRatio":1.1844540407156077,"src":"/static/7804d217f0b83809266050503e78ed2d/c86d1/QQ_Roy_project_header.jpg","srcSet":"/static/7804d217f0b83809266050503e78ed2d/0e0f9/QQ_Roy_project_header.jpg 400w,\n/static/7804d217f0b83809266050503e78ed2d/c9bc6/QQ_Roy_project_header.jpg 800w,\n/static/7804d217f0b83809266050503e78ed2d/c86d1/QQ_Roy_project_header.jpg 1600w,\n/static/7804d217f0b83809266050503e78ed2d/f35cc/QQ_Roy_project_header.jpg 1920w","srcWebp":"/static/7804d217f0b83809266050503e78ed2d/c49bc/QQ_Roy_project_header.webp","srcSetWebp":"/static/7804d217f0b83809266050503e78ed2d/171e8/QQ_Roy_project_header.webp 400w,\n/static/7804d217f0b83809266050503e78ed2d/1f2b1/QQ_Roy_project_header.webp 800w,\n/static/7804d217f0b83809266050503e78ed2d/c49bc/QQ_Roy_project_header.webp 1600w,\n/static/7804d217f0b83809266050503e78ed2d/ee606/QQ_Roy_project_header.webp 1920w","sizes":"(max-width: 1600px) 100vw, 1600px"}}},"date":"07/01/2019","tags":["Motion Graphics","Animation","Advertising"],"color":"#f00","background":"#000","titleColor":"#fff"},"fields":{"slug":"/qq-x-wang-yuan"}}},"pageContext":{"slug":"/qq-x-wang-yuan","audience":"cn"}}}