Graduation Design Project . Open Network Environment

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1916e173-b58d-4a88-9ebc-32a17b264bda/AnimatedEmojies-128px-164.gif" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1916e173-b58d-4a88-9ebc-32a17b264bda/AnimatedEmojies-128px-164.gif" width="40px" /> 本作品基于 Toon Boom Harmony & HTML5 平台进行动画制作与交互设计

</aside>

About Bao Chn|啥来历

Copy…Right?|能咋滴

Contact me!|哪联系

👇 SKD | 实时进程展示

《观梦》交互式设计 - 宝昌


Finish DescriptionApril 22, 2022


分秒帧 影音协作 从此无界

技术支持:

文本转语音 | Microsoft Azure

智影-在线智能视频创作平台

🔖 目录:


每日进程|Daily Progress


一、确定主题(绪论)

1. 选题的来源(bloopanimation.com/zh/types-of-animation/

当前阶段,世界范围内的动画艺术领域早已不再拘泥于单一化的表现形式,伴随着计算机技术的发展,除了传统手绘动画(或是赛璐珞动画)以及定格动画(黏土动画、剪纸动画)以外,诸如二维动画(MG动画)、三维 CGI 动画(虚拟现实技术)一类的新型数字动画逐步走进了大众的视野,逐渐呈现出多样化的表达形式特征。二维动画技术是我国动画艺术领域中运用的最为广泛、且是最早的一种艺术表现形式。作为我国动画发展史中的一个重要组成部分,二维动画技术极大推动了我国动画艺术的发展。

作品围绕《社会主义核心价值观》的基本内容以及“中国梦”的指导思想进行创作,主要以 Motion Graphics 动态图像的形式来表现画面内容。MG 动画元素在二维和三维动画作品中随处可见,相比于传统的动画制作方式,借助计算机技术,能够有效地提升了实现的 MG 动画制作过程的工作效率,这也方便了制作人员在后续工作中的调整。凭借其流畅的补间生成以及超现实的艺术表现手法,MG 动画技术给广大受众带来独具一格、富有新意的视听效果,由此也成了一门独特的媒体艺术。

随着改革开放的伟大历史进程,我国社会经济迅猛发展,人们的价值观伴随着社会推进在各方面出现分化。价值观的多样化在现代社会中是必然发生的,全社会价值观状态全面一体化已成为不可能。与此同时,由于价值观的多样化反映了社会生活的多样性,因而其自身也具有一定合理性,能够体现出人们精神世界的丰富性,以及社会成员的自主性与选择性。倘若没有共同价值前提与共识,则可能导致相互背离甚至于发生冲突,这不仅会影响社会和谐稳定,而且会阻碍社会的发展。因此,通过主流引领,构建价值共识则变得尤为需要。积极培育与践行社会主义核心价值观,除了有利促进人的全面发展、引领社会全面进步以外,还有利于巩固马克思主义在意识形态领域的指导地位、巩固全党全人民团结奋斗的共同思想基础、并全面促进建成小康社会、实现中华民族伟大复兴“中国梦”的强大正能量。

2. 选题的目的(意义)

现将以动画的形式来分别表现社会主义核心价值观的十二个词,让观众加深对社会主义核心价值观基本内容的理解与认知。之所以选择以二维的动画的新式来表现这个主题,是因为相比于一般的图形图画而言,二维动画短片的表现力更强,在故事的表现上,更为直观生动, 可以执行不受约束地进行创意的融入,因为更加灵活多变,能够给社会主义核心价值观的基本内容的传播带来更大的推动力。 因此,通过二维动画的形式来表现《社会主义核心价值观》的基本内容便显得尤为重要。二维动画技术在动画创作的历史中具有重要的地位,是动画产业发展的必备基础。二维动画中的超现实表现手法使得人们的视野更加开阔,经过长时间的发展之后,二维动画也已经成为新的艺术形式,呈现出鲜活的发展潜力。将新媒体和互联网等穿新技术引入二维动画的制作和传播过程中,可以为观众提供一个更为高质量的视听情境,能够极大优化受众的视听体验,加深受众对其内容的更深层理解,从而达到广而告之的效果。

二、灵感与思路

3. 创作灵感

这次作品主题的主题围绕《社会主义核心价值观》的十二项基本内容和“中国梦”,通过多次检索发现,虽然市面上存在海量的主题的《社会主义核心价值观》主题图文海报和插画内容,但是对《社会主义核心价值观》的基本内容进行创作的动画短片形式的数字影片还是有所缺失。

这次采用的MG动画形式来制作,是出于其自身所具备的简约性、互动性、包容性等一系列特性,在保证观赏性的同时,还具有较强的艺术性,从而让观众能够更加沉浸式地学习并理解十二项基本内容的内在含义。不止于此,通过完成MG动画的H5进阶转化制作任务,实现用户与作品产生一定的交互效果,从中实现社会主义核心价值观的基本内容的十二个词条的精神内涵得到充分的展现,以进一步宣扬社会主义核心价值观。

4. 设计思路

首先制定故事剧本并绘制动态分镜,完成角色及场景的矢量 SVG 图像绘制。然后通过 Toom Boom Harmony 对应分镜设定制作出对应的动画效果,最后通过 Adobe After Effects 借助 Bodymovin 脚本将画面效果转成 .json 制式源码并导入 HTML 文件中,最后对页面元素进行流线型排布并加以交互属性。

在设计角色和场景元素时,采用轻拟物的视觉风格的同时融入了中国风元素,这样使得画面风格新颖脱俗的同时洋溢出文化内涵。在页面时间属性设定上,将用户的上下滑动轨迹映射为整个流程的时间“操纵杆”,在元素中隐藏了一定触发效果,极大地增强了浏览过程的趣味性。

《社会主义核心价值观基本内容释义》--理论--人民网

http://theory.people.com.cn/GB/40557/359404/