基于视觉传达的广告动画设计系统设计

时间：2024-05-04

王静一

摘要：为解决传统广告动画设计平滑度不佳的问题，提出基于视觉传达的广告动画设计系统优化设计。利用IE9?Chromel主流控制器、图像编码器和系统AEMS870F1451处理芯片对广告动画设计系统的硬件结构配置进行优化，并完善了广告动画远程设计处理端口，保证系统运行的稳定性。同时，结合视觉传达原理对广告动画设计步骤进行简化处理并计算广告动画三维坐标，从而实现对广告动画的有效设计。最后通过实验证实，基于视觉传达的广告动画设计系统运行过程中平滑度相对更高，充分满足研究要求。

关键词：广告动画; 视觉传达; 色彩识别; 配置优化; 设计步骤简化; 三维坐标计算

中图分类号： TN02?34 文献标识码： A 文章编号： 1004?373X（2020）23?0044?05

Abstract： In view of the poor smoothness in the traditional advertisement animation design， a design of advertising animation design system based on visual communication is proposed. The IE9?Chromel mainstream controller， image encoder and system processing chip AEMS870F1451 are used to optimize the hardware configuration of the advertising animation design system， so as to improve the remote design processing port of advertising animation， and ensure a stable operation of the system. According to the visual communication principle， the design steps of advertising animation are simplified and the advertising animation three?dimensional coordinates are calculated to achieve the effective design of advertising animation. The experiment result proves that the smoothness of the advertising animation design system based on visual communication in its running process is relatively higher， which fully meets the research requirements.

Keywords： advertising animation; visual communication; color recognition; configuration optimization; design procedure simplification; three?dimensional coordinate calculation

0 引言

传统的广告动画设计系统主要根据三维动画操作技术进行设计，该方法相对较为复杂，需要利用Web网络结构平台输入和设计后台图纸结构数据，并将设计结果发送到前端浏览器中进行FLASH播放或第三方插件放映，该方法在进行数据的运输和处理过程中易出现数据破损、遗失等问题，另外由于设计系统运行模块运行较为冗杂繁琐，导致信息资源浪费等问题，给广告动画设计工作添加了很多困难[1]。因此，提出基于视觉传达的广告动画设计系统设计方法。在进行广告设计的过程中，结合Web网络平台进行动画结构图像的合理布局，并在HTML5广告设计平台上引进视觉传达算法，对最新版本的IE9?Chromel主流控制器和Firefox 4.0浏览器进行规范，进一步对广告动画设计平台进行改善，结合Canvas記录设备进行广告的动画元素特征的采集，实现动画设计制作的后期操作，并进一步对电脑编制的网络内页设置脚本进行绘图，在Canvas记录设备中，利用JavaScript功能软件对个别矢量图案、网格图案、复杂动画图案以及相应的动画特效进行设置，有效实现对广告动画设计的合理性。

1 广告动画设计系统

1.1 系统硬件配置

对广告动画设计系统硬件配置进行优化设计，结合现代虚拟连接技术，在计算机上对广告动画的三维空间特征进行仿真模拟，采集三维界面上动画图案中体现出的形状形态和结构属性，根据采集结果对系统可视化的功能处理模块进行优化，兼容图像特征[2]。在数字采集器中输入交互命令，从而更好地将设计质量传输至处理器模块中，实现对广告动画运动信息及特征数据的控制。在对广告动画系统进行设置的过程中，需要结合半色调技术和纹理映射的方法对图像真实感绘制效果进行优化。为保证绘制效果，结合数字处理器对图像数据特征进行采集，并压缩图像特征，在生成器中生成和恢复相关动画帧，并对控制器进行改善，以便更好地实现对数据图像的存储和重放[3]。另外设置纹理映射器进行图像色彩和纹理的识别，最后对图像编码器、放映器和存储器进行合理设置，提高设计系统的运行效果，更好的生成用户端口界面系统，以此为基础组建系统硬件配置的协调设施，负责组装管理Web互联网技术;利用低功能微信处理系统AEMS870F1451处理芯片作为动画广告设计系统控制器主体，负责整个动画设计模块的组织协调工作。系统硬件配置如图1所示。

其中，用户端口采用ANIMIQO.12版本，针对广告动画中的相关属性特征进行记录和划分，开发运用三维可视动画设计系统的相关知识，并根据开放结构建立相应的ASP NET WEB动画特征开发框架[4]。采用HTML5平台和C++语言对图像的结构、表现和行为进行设计[5]。结合Kinect表进行信息追踪，对三维数据坐标进行转换，继而把得到的特征信息数据传输到计算机端口中，利用互联网无限传输设备进行动画远程运行的接收和校验处理，因此需要对网络连接端口结构进行优化，具体如图2所示。在图2中，k表示远程用户登录端口，在系统内部可同时实现多用户登录处理的要求，p表示Kinect三维动画检测器，实现对广告动画设计效果的准确检测[6]。

1.2 系统软件流程

基于以上硬件配置进一步对系统软件运行流程进行优化，结合三维可视化原理对动态广告动画结构和布局进行处理。若在多用户端口登录的情况下，检测广告动画设计过程中的网络浏览器运行矢量，并将采集到的动画运行矢量数据进行独立显示，并记录在可视动画表格当中，根据坐标中央点数值排列顺序对动画隐形特征数值进行确定。在对广告动画设计过程中，对传统动画实体元素二维坐标链接而成的点、线、面进行转换，从而对三维坐标中的相关项数进行规范，并对可移动三维坐标转换点进行判断。

具体的三维坐标点转换步骤如图3所示。

基于以上步骤对三维图像识别传达算法进行规范。设动画广告中的初始三维坐标数值为[（x，y，z）]，若三维坐标转换算法为Conversion，转换数值为[R]，转换后的三维坐标记为[（x，y，z）]。则三维坐标控制函数算法为：

[f（n）=Conversion R（x+y+z）-t（x+y+z）] （1）

进一步结合动态动画处理模型对图像边缘指数进行规范，记为[S边]，若广告动画初始图像记为[S原]，根据动画图像的阶段性变化特征设置动画模板，规范画面结构，以便更好地实现对广告动画系统的有效设计[6]。对动画结构标准布局参数进行计算，具体如下：

[γ=S原*S边-f（n）] （2）

基于上述算法进一步对广告动画设计标准参数进行规范，采集动画动态图像运动变化系数，提高图像轮廓清晰度数值，从而更好地对动画圖像进行识别和传达处理。

动画图像视觉传达原理如图4所示。

根据上述算法对三维图像动画模型设计结构进行优化，为简化动画设计步骤，提高处理效果，更好地对各种不同类型的三维可视动画图像进行设计。首先需要搜索建立素材存储库，并对动画设计过程中的主要工作内容、处理模块和板块结构进行优化和改善，在进行数据建模时有特定的建模手段，包括外景建模、角色建模等，不同类型的建模技术也按类别详细划分[7]。同样，由于角色运动设计、氛围渲染制作以及灯光等操作都可以根据它们的属性被分配到特定站台上，因此让工作人员只重点研究了解一个站台上的三维可视动画设计技术就可以很快完成操作，各个用户界面都通过自身的局域网进行通信，互相完成技术配合[8]。作为三维可视动画设计系统的辅助操作，尤其是渲染设计，如果是短时间的素材就可以通过简单渲染完成，如果是针对大型整理素材的话就要通过专业的渲染设备结合服务器来完成。

三维动画模型结构如图5所示。

基于以上三维动画模型结构进行广告动画的设计，为保障系统的运行效果，需要进一步对广告动画系统处理方法进行完善，从而更好地实现对广告动画的有效设计[9]。

1.3 广告动画设计的实现

基于以上步骤对广告动画设计系统进行改善，由于广告动画设计过程中，广告设计主体较为复杂，包括动画人物、动画场景、动画背景、灰度值控制、边缘清晰度转换等诸多方面信息[10]。因此，在进行广告动画的三维可视运动图形的设计过程中，需要对整体图像结构进行构建。在进行三维广告的动画设计过程中，首先对三维动画空间模型进行建立，包括灯光设计、材料编制和授予功能等，从而实现在不同场景下的动画设计转换以及角色的动画绘制，也能自如地完成场景下的动画编排和角色互换[11]。确保完成三维可视动画的场景搭建以及图像表现，正确为三维动画节目提供新的素材，准确无误的进行存储和色彩调用[12]。

三维广告动画设计系统结构框架如图6所示。

基于以上框架结构进行广告动画的制作，为保障系统设计的有效性和合理性，需要进一步对系统的标准语言、运动特征和动画行为标准规范设置代码[13]。结合Frame work处理设备对动画行为进行设计，并使用与公共语言运行库兼容的Java语言编写应用程序代码，以便更好地利用公共语言运行库、继承语言、VB以及Script等相关应用程序进行广告设计框架的开发，具体开发框架如图7所示。

基于以上三维广告动画图像开发框架进一步对广告动画进行设计：动画的前期制作包括广告动画信息储备、三维动画名单、三维可视脚本、数据分流以及造型制作、场景布置等;后期设计工作包括动画背景环境的搭建、数据建模、技术氛围渲染、信息的保存传输等[14]。其标准操作流程如图8所示。

基于以上步骤可有效实现基于视觉传达的广告动画系统设计的研究目标。

2 仿真实验

为验证基于视觉传达的广告动画系统设计的有效性和合理性，进行了对比检测实验。

2.1 实验环境

实验检测平台为Web平台，结合HTML5设计软件和Matlab模块进行动画设置，5 000 GB内存，实验操作平台为Windows 2007系统，硬件选择了Intel Core3?246 GB内存，14 200 Mb/s网卡。

2.2 结果与分析

基于以上实验环境进行对比检测，并记录检测结果。在进行动画设计检测的过程中，平滑性是检测系统运行效果的重要参数，其具体检测结果如图9所示。

基于图9检测结果可知，相对于传统广告动画设计系统而言，本文提出的基于视觉传达的广告设计系统在实际运行过程中，平滑度相对更高，由此证实基于视觉传达的广告设计系统相对于传统系统而言有更高的有效性和实用性，充分满足研究要求。

为了测试本文系统的应用优势，使用本文系统、基于3DS辅助设计动画广告制作系统、基于FLASH动画广告的制作与智能投放系统实施对比测试，测试三种系统对不同主体设计的广告动画中的纹理清晰度，结果如表1所示。

分析表1中数据可知：本文系统和基于3DS辅助设计动画广告制作系统、基于FLASH动画广告的制作与智能投放系统对比，本文系统对8种差异设计主体实施广告动画设计后，广告动画的清晰度均大于99%;基于3DS辅助设计动画广告制作系统、基于FLASH动画广告的制作与智能投放系统设计的广告动画虽然清晰度高于90%，但是和本文系统相比，清晰度低于本文系统。

测试三种系统应用于某广告设计公司后，该公司对三种系统设计效果的满意度，结果如表2所示。

分析表2中数据可知，三种系统应用于某广告设计公司后，该公司对三种系统设计效果的满意度存在显著差异，对三种系统设计效果的满意度均值依次是0.99，0.85，0.85。对比之下，本文系统的应用反馈最佳。

3 结语

本文通过大量调查分析提出基于视觉传达的广告动画系统设计，分别对系统的硬件配置和软件流程进行改善，实现对基于视觉传达的广告动画系统的优化和完善，为验证系统效果进行对比检测实验。实验证实，基于视觉传达的广告动画系统相对于传统系统有更高的有效性和实用性。本文系统在实际运行过程中，平滑度相对更高，设计后的广告动画清晰度较高，且应用满意度高达0.99。

参考文献

[1] 林文.解析影视广告中三维高速摄影动画设计与运用[J].艺术科技，2019，32（6）：184?186.

[2] 赵容浩.无语声设计在动画广告中的优势运用[J].艺海，2017，36（2）：79?81.

[3] 吴曼纯.网络技术支持下的动漫设计课堂教学系统分析[J].科學技术创新，2017，25（7）：161.

[4] 叶凤华，叶欢.基于FLASH和3D动画渲染技术的育苗机器人设计[J].农机化研究，2018，40（3）：189?192.

[5] 周莉.试分析动画设计中数字媒体艺术的重要性[J].美术教育研究，2017，35（1）：96?97.

[6] 张馨月.新媒体动画的扁平化设计及转型[J].四川戏剧，2017，68（3）：82?85.

[7] 田静，杜云明，周思宇.数字图像处理演示系统设计[J].中国科技信息，2017，24（16）：58?59.

[8] 李楠，王晓宁，林智峰，等.基于UE4引擎的航天科技视景仿真系统的设计与实现[J].廊坊师范学院学报（自然科学版），2017，17（4）：11?16.

[9] 梁洁梅，王岩岩，吴玥.动画电影角色造型设计的创意构思[J].青年记者，2017，25（20）：83?84.

[10] 阚志刚，李娜娜.二维动画与三维动画设计比较[J].数码世界，2017，12（7）：81.

[11] 朱朗玥.以混合学习活动为中心的FLASH动画设计与制作课程教学[J].科教导刊（电子版），2019（7）：135.