许红燕
（常熟市融媒体中心，江苏 常熟 215500）
5G的网络传播速度可以达到1Gb每秒，远远超过4G一百多倍，随着5G时代的到来，智能化的3D技术、游戏、高清画质的电影等等都悄悄改变着我们的生活。在5G技术逐渐成熟背景下，传统媒体与新媒体的有机结合塑造了一个融合新技术、新手段、新渠道、新载体、新平台、新用户的融媒体时代。
1 传统国画与H5新技术的结合
为了更好地适应时代的要求，我们寻求运用新技术，通过H5的形式，展现全图片形式的纯原创的场景。在这个过程中，尝试了国画、水彩等传统的手绘形式，但最终选择了国画的形式。原因主要有两方面，一方面，国画是中国的传统绘画形式，代表了我国的国粹。希望通过新技术把这门传统的技术传承下去；另一方面，江南水乡深邃的历史文化底蕴、清丽婉约的水乡古镇风貌，在世界上独树一帜，只有国画的水墨韵味才能表现出来。最终，形成了h5原创作品——《夜·虞歌畅晚图》。
那幺我们在这个过程中是如何制作完成的呢？其实，主要分为两部分，一部分，是页面的前期制作，另一部分是H5技术合成。
1.1 页面前期制作
首先，为了更好的表现江南水乡的特色，我们进行了多方考察，最终选择了江南水乡常熟的古里文学街作为样本。“七溪流水皆通海，十里青山半入城”，江南小城--常熟，不仅有青山绿水、碧水长流的生态，更有深厚的历史底蕴和人文积淀。站在常熟鼓励文学街，时不时可见河道交错的水网，白墙灰瓦的人家，这就是一幅江南水乡的画卷。古里文学街古色古香的建筑特色，也是非常适合用绘画来表现。在制作过程中，我们首先实地到常熟古里的文学街，运用手机拍摄的方法，把整个古里街区拍摄下来。接着运用了图片整合的方式，删繁取简，选择有特色的景点，开始进行铅笔手绘。绘画的过程中，我们应该选择一些比较长条的纸张，进行整体的手绘。我们第一次制作，考虑得不周到，选了正常大小的纸张，画了很多幅作品，最后是运用ps进行技术链接的，整个过程稍有些繁琐。
其次，文学街的形态都画好以后，基本的景物，绿植全都绘制完成以后。我们选择一些人物，各色各样的人物，有逛街、卖菜、游玩、做商业、摆渡的人物，当然，这个过程需要欧美实地搜集素材，多去采集，并穿插一些清代的图片，让这些人物出现在画面里后，主要展现街区的繁华景象，基本就到线稿的最后的制作过程了。这时候我们要选择透气性好，纸张细腻的国画宣纸，可以选择红星等相对品牌比较好的纸张，宣纸的种类比较多，可以选择熟宣或者是半生半熟的宣纸，颜色这次选择了仿古色。当然我们拓到宣纸上，要求纸张也相对长一点，这样就能减少后期制作的工作。要用比较细的勾线笔人物、景物、船只都依次勾线后，就可以进入到色彩的渲染了，运用水笔和色笔，把色彩依次的渲染出来。这部分工作完成后，H5页面的首张白天景色的页面已经准备妥当，后期还可以运用photoshop工具，适当增加一些古代人物，体现古里文学街的特点。
1.2 H5技术合成
接下来的工作，就需要我们运用电脑，通过软件，表现出常熟古里文学街黑夜点灯的样貌特点，这个过程并不是很复杂。只需要把原先的画作扫描进入电脑，然后把图片倒入到photoshop中，连接wacom手写板，这样前期工作已经准备好了。然后，在制作过程中，要表现好黑夜的灯光效果，首先要运用白天的手绘图，ps里的图片处理成黑夜模式，再用粉刷工具把要提亮的地方提亮，最后用wacom手写板，用点的形式把灯光点出来。用wacom手写板点灯重点讲一下，先要在photoshop软件里制作好发光的笔刷工具，打开photoshop软件中，选择圆角矩形，右键填充，选择白色，图层填充的参数选择为0，描边白色（或者淡黄色，这副图选择的淡黄色），给笔刷工具做效果。紧接着选择图层样式，点开斜面和浮雕，在小窗口的样式中:选择外斜面，数值可根据图片调整内发光模式:线性光添加外发光混合到这一步，笔刷工具基本完成。接下来只要运用wacom手写板，把你要画的灯光一点点点上去就可以了。整个黑夜模式的古里文学街街景已经完成了。
最后，就要靠程序的合成，把白天黑夜的效果做个转接的动画，实现H5的制作。白天黑夜如何切换呢？点击小灯笼点亮熄灭操作后，背景图片在两张图片之间切换。白天切换黑夜效果实现原理，首先把准备好的两幅街区白天和黑夜背景图，白天背景图覆盖在黑夜背景图上，当点亮小灯笼时，触发白天背景图淡出效果，同时触发黑夜背景图淡入效果，此时白天背景图从视线中消失，黑夜背景图慢慢显示。黑夜切换白天效果实现原理反之。当然，在这个过程中，出现了一点点问题，就是大背景图，加载过慢。当滑动操作过快时，会出现图片先空白后显示，这样就不利于整幅画作的展现了。我们是通过CSS截取图片操作解决的，css通过控制显示图片的位置来实现图片的剪切，定位大图片中某一块元素，将背景图进行分块显示，从而克服了先前出现的问题。还有，在制作过程中，发现某些手机打开自动旋转之后，页面会随着设备旋转而旋转，导致页面元素混乱。针对这个问题，我们在不改变原有实现的情况下，通过CSS媒体查询方式，判断当前设备竖排还是横屏，根据屏媒情况利用CSS的transform属性对页面元素进行旋转。这些问题克服以后，我们运用技术，倒入到h5页面中去，然后通过代码的运用，在白天和黑夜之间做一个动画的过渡，从而实现了原创国画和H5新技术的结合，也表现了生动活泼的古里文学街亮灯动画。中华文化在五千年的发展历程中不断推陈出新，发展壮大，凝聚了全民族的精华，孕育出中华民族优秀传统的文化，以国画为代表的国粹，具有强烈的中国特色和历史感，是延续我国精神的血脉，是中华民族的瑰宝。而在时代的发展中，信息时代极速的到来，优秀传统文化的传播方式也要顺应时代的发展，积极汲取新媒体的力量，利用新媒体传播速度快的优势，革故鼎新，才能进一步传承好传统国粹。当然在这个过程中，对于新技术的研究也是非常重要的。
2 结束语
“潮平两岸阔，风正一帆悬”。时代的发展，孕育了新的机遇。在这个自媒体时代，我们只有紧跟潮流，不断的运用新技术，才能更好的做好新媒体，在手机盛行的今日，看图了解世界成为一种趋势，我们制作的国画与h5页面结合的方式，是将原创手绘和新技术结合的一个尝试，虽然还有很多不足的地方，但至少已经踏出了最原始的一步，希望在接下来的工作中，继续努力创新，更好的运用新技术，展示更好的作品。
