动态单选图形设计分享
常见动作建模及FFD-浙江大学
2019/5/6
浙江大学
28
边缘提取与隐线消除
• 边缘提取：计算各个剖面在X-Y平面上投影沿X轴方向
的大小极值，它们分别对应于头的右边和左边，然后 以一定顺序连接这些极值点画出头部边缘。
• 隐线消除：由于头像各部分是用曲线绘制的，做quaternion插值 • 计算插值中某一时刻马各个关节的顶点数据 • 根据马的位置和运动方向对顶点数据做坐标变
换
• 根据视点位置再做坐标变换，投影，显示结果
2019/5/6
浙江大学
22
3D扩展
2019/5/6
浙江大学
23
一个转头模型
2019/5/6
浙江大学
• 旋转轴下端经过坐标系原点，上端沿一玫瑰线运动，
方程如下
r=a*sin(t*) 这里t为时间，t=0时对应位置1，t=1时对应位置9。 参数a和眼睛高度h控制低头的程度。根据实验，
a/h=0.4~0.5之间较合适。
2019/5/6
浙江大学
27
旋转矩阵
• 利用旋转矩阵把三维头像进行旋转，
n1,n2,n3为旋转轴的方向余弦，
浙江大学
42
失败的场合
• 虽然(a)和(c)两个关键视角上的卡通形象是合理的，但 生成的(b)却有不合理的地方(注意头发).
• 造成不合理的原因是头发形状的变化不能通过2D线性插 值来很好地模拟
• 此外，脑后的头发部份被前面的头部遮挡，现有模型不 能处理这种遮挡。
• 革命尚未成功,同志们仍需努力!
浙江大学
50
FFD 算法
• 计算区域内每个要变的点(s,t)坐标, 如点P的直角坐标
（精选）数字图形创意设计、在线作业
数字图形创意设计第一次作业（第一二章）一. 单选. （共 9 小题，63 分）1. 下列文件类型中，不属于点阵图格式的是（）。
A .*. JpgB .*. bmpC .*.aiD .*. tif学生答案: C正确答案: C分数：7 得分：72. 查看绘图时，显示全部对象的快捷键是（）。
A .F2B .F9C .F3D .F4学生答案: D正确答案: D分数：7 得分：73. 点阵图的分辩率常用单位为ppi，它是指每个（）长度单位内所包含的像素数值。
A .毫米B .英寸C .厘米D .米学生答案: B正确答案: B分数：7 得分：74. 如果您打开的文件中正缺少某几种字体,CorelDRAW会（）。
A .自动替换B .出现对话框让您选择C .空出字体D .临时替换学生答案: B正确答案: B分数：7 得分：75. 属性栏、泊坞窗、工具栏和工具箱在屏幕上可以随时打开、关闭、移动吗（）。
A .可以B .不可以C .属性栏可以D .工具栏可以学生答案: A正确答案: A分数：7 得分：76. 以下关于页面背景说法正确的是（）。
A .只能是位图B .只能是纯色C .可以嵌入文档D .不能被打印学生答案: C正确答案: C分数：7 得分：77. 将矢量图转换为位图后，其文件可能会（）。
A .体积变大B .体积变小C .体积不变D .可以再原样转为矢量图学生答案: A正确答案: A分数：7 得分：78. 位图的最小单位是（）。
A .1/2个像素B .1/4个像素C .1 个像素D .1/8个像素学生答案: C正确答案: C分数：7 得分：79. CorelDRAW可以生成的图像类型是（）。
A .位图B .矢量图C .位图和矢量图D .栅格图学生答案: B正确答案: B分数：7 得分：7二. 多选. （共 1 小题，7 分）10. 根据计算机对图形的处理原理及应用的软件和使用的环境的不同，静态数字图形大致可以分为（）。
学习与评价答案图形设计
学习与评价答案图形设计1. 在Adobe Illustrator中，下列哪个操作可用来进行图形的精确移动？（） [单选题] *A 使用鼠标拖动页面上的图形使之移动B 选中图形后，用键盘上的上下左右箭头键进行移动(正确答案)C 通过信息面板对图形进行精确的移动D 通过选择工具对图形进行精确的移动2. 下列有关Adobe Illustrator图形的前后关系描述不正确的是？（） [单选题] *A 在同一图层上先绘制的图形一般在后绘制的图形的后面B 置于顶层命令可将所选图形放到所有图形的最前面C 后移一层命令可将所选图形的后面D 在同一图层上先绘制的图形一般在后绘制的图形的前面(正确答案)3. 下列有关Adobe Illustrator路径的描述不正确的是？（） [单选题] *A 路径是由锚点连接起来组成的B 路径可分为开放路径和封闭路径C 路径的粗细可以通过描边面板进行改变D 路径只能填充单色，而不能填充图案和渐变色，也不能使用画笔面板中的各种画笔效果(正确答案)4. 在Adobe Illustrator中使用旋转工具时，按住下列哪个键的同时单击鼠标，就可弹出其设定对话框？（） [单选题] *A Shift键B Tab键C Alt键(正确答案)D Esc键5. Adobe Illustrator画笔面板中共包含四种类型的笔刷，下列哪项不包含其中？（） [单选题] *A 书法效果画笔B 散点画笔C 边线画笔(正确答案)D 图案画笔6. 在Adobe Illustrator图层面板中，若要同时选中两个以上连续的图层，应按住下列哪个键？（） [单选题] *A Ctrl键B Alt键C Shift键(正确答案)D Tab键7. 下列哪个不是Adobe Illustrator字符面板中的设定项？（） [单选题] *A 文字大小的设定B 文字基线的设定C 首行缩排的设定(正确答案)D 文字行距的设定8. 在Adobe Illustrator中，下列描述哪个是不正确的？（） [单选题] *A 可以置入TIFF格式的图像B 可以置入JPEG格式的图像C 不能置入PSD格式的图像(正确答案)D 可以置入PNG格式的图像9. 在Illustrator色彩模型里C、M、Y、K分别代表（） [单选题] *A 青、品红、黄、黑(正确答案)B 红、品红、绿、蓝C 白、绿、黄、黑D 色相、饱和度、亮度、浓度10. 下列有关Adobe Illustrator文字工具描述不正确的是？（） [单选题] *A Illustrator CS3在工具箱中提供了六个文字工具，分别是：文字工具、区域文字工具、路径文字工具、直排文字工具、直排区域文字工具以及直排路径文字工具B 如果有大量的文字输入，必须使用区域文字工具，使用其它文字工具无效(正确答案)C 当使用沿路径排布的文字输入工具时，该路径可以是闭合路径，也可以是开放路径D 在文字菜单下选择文字方向→垂直命令，横排的文字就转成了竖排11. 下列关于Adobe Illustrator裁刀工具的描述正确的是？（） [单选题] *A 可裁剪任何开放路径B 只能裁剪封闭路径C 可裁剪具有填充色的开放的半圆形路径(正确答案)D 不能裁剪无填充色的封闭路径12. 下列关于Adobe Illustrator描述正确的是？（） *A 可以制作矢量图形(正确答案)B 可以打开Photoshop文件，但是不能保留Photoshop文件的图层、蒙版、透明和可编辑的文字C 可以指定专业和原色，但是不能指定Web颜色D 可以将透明特性赋予任何对象(正确答案)13. 下列关于Adobe Illustrator参考线的描述哪个是不正确？（） *A 参考线是不能被隐藏的(正确答案)B 参考线的颜色是可以改变的C 参考线是不能被删除的(正确答案)D 参考线是不能移动的(正确答案)14. 下列哪些不是Adobe Illustrator段落面板中的设定项？（） *A 首行缩进B 文字的对齐方式C 设置字体大小(正确答案)D 文字的行距(正确答案)15. 在Adobe Illustrator中，下列哪种方式可以用来删除参考线？（） *A 通过视图→参考线→清除参考线命令(正确答案)B 选中参考线后直接按键盘上的Delete键(正确答案)C 选中参考线后，通过编辑→清除命令(正确答案)D 通过视图→参考线→隐藏参考线命令16. 在Adobe Illustrator中使用平滑工具时，影响平滑程度的因素有（） *A 路径上锚点数量的多少B 平滑工具首选项对话框中保真度的数值的设定(正确答案)C 路径是否为封闭路径或者开放路径D 平滑工具首选项对话框平滑度的数值的设定(正确答案)17. 下列有关Adobe Illustrator橡皮擦工具描述不正确的是？（） *A 橡皮擦工具只能擦除开放路径(正确答案)B 橡皮擦工具智能擦除路径的一部分，不能将路径全部擦除(正确答案)C 橡皮擦工具可以擦除文本或渐变网格(正确答案)D 橡皮擦工具可以擦出路径上的任意部分18. 下列关于Adobe Illustrator各种选择工具的描述，哪个是正确的？（） *A 使用选择工具（工具箱中的黑色箭头）在路径上任何处单击，可以选中整个图形或整个路径(正确答案)B 使用直接选择工具（工具箱中的白色箭头）可以选择路径上的单个锚点或部分路径，并且可以显示锚点的方向线(正确答案)C 使用编组选择工具（工具箱中带加号的白色箭头）可选择编组对象中任何路径上的单个锚点，并且可显示锚点的方向线D 使用选择工具（工具箱中的黑色箭头）可选择路径上的单个锚点或部分路径，并且可显示锚点的方向线19. 下列有关Adobe Illustrator缩放工具的叙述哪些是不正确的？（） *A 缩放工具只可以对矢量图形进行缩放，不能对Illustrator中置入的对象进行缩放(正确答案)B 缩放工具和旋转工具不同的是，旋转工具需要先确定基准点，缩放工具则不需要(正确答案)C 缩放工具和旋转工具都需要先确定基准点，并且基准点的位置可用鼠标任意移动D 如果想调出缩放对话框，按住Alt键的同时单击鼠标左键即可，鼠标的单击点成为多方的基准点20. 下列关于Adobe Illustrator剪刀的描述不正确的是（） *A 只能裁剪开放路径(正确答案)B 只能裁剪封闭路径(正确答案)C 可裁剪具有填充色的开放的半圆形路径D 不能裁剪无填充色的封闭路径(正确答案)21. 关于Adobe Illustrator渐变工具的使用，下列哪些说法是正确的？（） *A 渐变工具不但可以改变渐变的方向，也可以改变图形中渐变颜色的分布(正确答案)B 径向渐变使以一点为圆心向外扩散的一种渐变方式，扩散方式可以通过渐变角度控制来得到改变C 使用渐变工具拖拽填充渐变色时，如果要让渐变的方向为水平、垂直或45度角的倍数的方向，在拖拽的同时需要按住Ctrl键D 如果渐变类型是径向渐变，使用渐变工具确定渐变的中心点，该方法可以非常方便地制作高光球体(正确答案)22. 下列有关Adobe Illustrator图案填充描述正确的是？（） *A 图案存储在色板中(正确答案)B 如果对一个进行了图案填充的图形进行旋转，填充的图案可以旋转，也可以不发生旋转(正确答案)C 在缩放对话框中，如果选中图案选项，说明图案会随着图形的缩放而缩放(正确答案)D 如果对一个填充了图案的图形进行镜像，图形可以发生镜像，图案则不可以23. 在Adobe Illustrator中，使用混合工具对具有相同描边色，不同填充色的封闭图形进行混合，下列哪种描述正确？（） *A 当两个图形的填充色都是CMYK模式定义的颜色时，颜色和图形的形状都发生混合(正确答案)B 当两个图形的填充色都是渐变色时，颜色和图形的形状都发生混合(正确答案)C 当两个图形的填充色都是图案时，图案和图形的形状都发生混合D 当两个图形的填充色都是图案时，图案不发生混合，只有图形的形状发生混和(正确答案)24. 下列哪些不是Adobe Illustrator字符面板中的设定项？（） *A 文字大小B 文字基线C 首行缩进(正确答案)D 左缩进(正确答案)25. 关于Adobe Illustrator文字的操作，下列哪些描述是正确的？（） *A 通过定位标尺的使用，可以快速地对文字进行缩排定位(正确答案)B 查找和替换命令，适用于中文，但不适用于英文C 可以通过查找字体命令来替换字体，如将当前文件中用的黑体变成宋体(正确答案)D 在Illustrator中可以对文字块进行分栏操作(正确答案)。
动态图形设计ppt课件
PPT学习交流
21
• 文本
动态图形设计与平面设计
▸ 动态图形的平面设计原理 ▸ 基本形态要素：圆、方、三角
PPT学习交流
22
• 文本
动态图形在标志设计中的运用
▸ 平面基本形的构成方法：联合法、接触法、分割法、重叠法、透
叠法、差叠法、分离法、重合法
PPT学习交流
23
• 文本
动态图形设计在片头中的运用
Graphics”来描述这种“随时间改变形状的图形”成像技术。随着半个世纪的发展，MG动画在电影片头、LOGO、 网页、移动APP、广告等领域得到了广泛的应用。 ▸ 20世纪50年代初，MG技术仅限于影视作品和广告的制作。例如，1958年希区柯克电影《迷魂记》是由约翰·惠特 尼（John Whitney）和设计师索尔·巴斯（Saul Bass）一起工作。 ▸ 此后，美国三大有线电视网络（ABC、CBS、NBC）率先使用这种技术来展示自己的企业标识，并且在20世纪80年 代，当彩色电视和有线电视技术出现时，大量中小型电视频道也争相效仿，将MG技术用于自己形象的推广。此外， 电子游戏、录像带和各种电子媒体在这一时期的发展也成为MG动画进一步发展的重要驱动力。 ▸ 90年代后，动态图形工程师基利·库柏（Kyle Cooper）将开创性的MG动画应用于印刷设计，打破传统的设计和数 字技术之间的差距。他的杰作包括1995年为大卫·芬奇（David Finch）导演的电影《七宗罪》（Seven）设计的电 影片头。然而，不幸的是，虽然MG动画此时已取得长足的发展，但由于设备和技术的限制，在上世纪90年代初只 有少数幸运的设计师能有机会去价格高昂的专业工作站工作，极大地限制了MG动画的进一步发展。
▸ 2.动态图形设计在哪些领域中有运用？它与其他领域如何结合产生碰
动态图形在当代视觉设计中的应用价值
动态图形在当代视觉设计中的应用价值□黄亮王乐摘要：该文以探究动态图形在当代视觉设计中的应用价值为目的，从动态图形在传统影视媒介、新媒介交互以及公共空间中的应用，分析动态图形在视觉设计中的信息量、色彩模式、时效性的特征,讨论动态图形在视觉设计中的应用优势和价值。
与静态图形相比，动态图形具有更丰富的审美情感价值、更多维的实用价值以及更贴合的时代价值。
动态图形设计是未来视觉发展的重要趋势,设计师应充分考虑大众的需求，让动态图形在新媒介的语境下向着正确的方向发展。
关键词：动态图形新媒介语境视觉设计应用新媒介的发展日益丰富，使人们的生活发生了很大的改变。
人们对手机、电脑等电子媒介的依赖逐渐加深，使这些硬件产品成为信息传播的必要途径。
新媒介语境下的图形设计与视 觉传播问题成为摆在设计师面前的时代命题。
各方面的影响使设计行业必须不断发展，跟上时代的脚步。
在此背景下，动态图形设计的发展十分迅速，为图形设计带来了新的生机和活力，观众的审美也随着媒介的转变发生了巨大的改变。
视觉设计作为一种信息传达符号，要顺应时代潮流，满足人们与日俱增的视觉审美需要。
探讨动态图形在当代视觉设计中的应用价值，在当代新媒介语境下具有积极的意义。
—、动态图形的多维应用动态图形是约翰•惠特尼首先提出的概念，而后被沿用至今。
动态图形设计是静态的图形产生周期性或者连续的变化，相较于静态图形，动态图形的应用更为广泛，可以给观众带来多维度的视觉享受，并且从传统媒介到新媒体，都体现出它极具生命力的存在感。
1•传统影视媒介中的动态图形动态图形诞生的标志是索尔•巴斯制作的好莱坞电影《金臂人》的动态片头。
不同于过去平淡乏味的片头，他给予了设计时间感，把片头打造成了一个生动的艺术设计作品［1］，带给当时的设计师很好的启发。
尤其在20世纪60年代后，电视成为了主要的媒体传播手段，所以动态图形在栏目影视中的运用更是大放异彩，动态台标、片头、商标以及插播广告等一系列的“节目包装”成为主流。
图形创意 结业考试答案
A.
D、立体主义
B.
A、超现实主义
C.
C、抽象主义
D.
B、达达主义
正确答案：A你没选择任何选项
13单选(2分)
13、1919年在德国魏玛建立了现代设计的教学单位—包豪斯学院，提出了（）的口号。
得分/总分
A.
A、设计与科技的统一
B.
D、设计与技术的统一
C.
B、艺术与技术的统一
D.
C、设计与科学理论的统一
正确答案：A你没选择任何选项
14单选(2分)
14、图形设计的主要功能是（）。
得分/总分
A.
C、艺术性
B.
B、说明性
C.
A、审美性
D.
D、观赏性
正确答案：A你没选择任何选项
15单选(2分)
15、在图形设计中，下列不属于常用素材的门类是（）。
得分/总分
A.
C、符号素材
B.
A、文字素材
C.
B、抽象素材
D.
C.
B、17
D.
C、18
正确答案：D你没选择任何选项
得分/总分
A.
B、因果联想
B.
A、类似联想
C.
D、虚实联想
D.
C、接近联想
正确答案：D你没选择任何选项
18单选(2分)
18、为了把素材重构成新的形象，就要先把有关的素材加以分解，这就是（）。
得分/总分
A.
B、解构
B.
C、异构
C.
A、同构
D.
D、分割
正确答案：B你没选择任何选项
19单选(2分)
19、下列不属于变异类图形的是（）。
动态图形设计
3.具体考核内容及要求详见下页“作业及辅导安排”。
周
次
星
期
节
次
教 学 安 排
作业及辅导安排
教学内容
教学形式
1
1
5-8
第一章 动态图形的概述（4课时）第一节 动态图形表现定义与基本特点
第二节 动态图形表现在视觉传达设计中的地位与应用
第三节 动态图形与静态图形之间的关系
讲授+辅导
教学地点：A301
讲授+辅导
教学地点：A301
教学安排：同上
16
1
5-8
第二节 动态图像的制作（16学时）
讲授+辅导
教学地点：A301
教学安排：同上
17
1
5-8
第二节 动态图像的制作（16学时）
讲授+辅导
教学地点：A301
教学安排：同上
备注
讲授+辅导
教学地点：A301
教学安排：讲解动态图形的节奏把控
6
1
5-8
第三节 作用力与反作用力（8学时）
讲授+辅导
教学地点：A301
教学安排：
讲解动态图形的作用力与反作用力
7
1
5-8
第三节 作用力与反作用力（8学时）
讲授+辅导
教学地点：A301
教学安排：
讲解动态图形的作用力与反作用力
8
1
5-8
第四节 空间和转场设计（8学时）
9
1
5-8
第四节 空间和转场设计（8学时）
讲授+辅导
教学地点：A301
教学安排：
讲解动态图形的空间和转场设计
动态图形设计ppt课件
动态图形设计
文本
导入
▸环境氛围：纸媒-》电脑、手机、app、 ▸运用领域：微博、微信、多媒体平台、
公众号等
▸涉及平台：html5等
文本
课程目标：
▸通过扁平化图形设计及动画设计这一
切入点，来进行创造性的设计，并结 合软件及创意性构思完成最终的动画 作品。
▸三个项目： ▸1.完成基础创意构思 ▸2.加强专业软件学习及制作
文本
动态图形设计与平面设计
▸动态图形的平面设计原理 ▸基本形态要素：圆的构成方法：联合法、接触法、分割法、重叠法、
透叠法、差叠法、分离法、重合法
文本
动态图形设计在片头中的运用
文本
动态图形设计在平面中的运用
文本
常用软件
▸二维图形软件：Photoshop、Ai、An等 ▸后期：AE、Pr等 ▸三维：C4d、MAYA等
▸案例：《part of me》、《猫狗大战》、
MIT多媒体实验室多形态标志
文本
文本
动态图形在其它领域中的运用
文本
宣传视频
文本
动态图形在其它领域中的运用
案例
苹果2013MG推介动画
▸ MG动画形式不止适用于知识类短视频，还常见于品牌甚至政
府机构的宣传片。自从苹果公司在2013年发布了自家的MG动 画广告之后，各大公司就纷纷推出了符合自己品牌的MG动画 广告，来推广自家品牌。
▸2.动态图形设计在哪些领域中有运用？
它与其他领域如何结合产生碰撞的？
▸3.传统数字动画与MG动画的区别和联
系？
AE基本工具及属性
动态图形与MG角色
▸ 常用“角色”及作用
AE基本工具及属性
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2
第二步，赋值A17为1，这个属于偏移量起始值，也是单项选择起始值，当然，位置你可以
随意，呵呵
FIT YAR
第六步，在空白处插入单选控
件，依次排开，注意，使用菜
单中视图-工具栏-窗体中的单
选控件，而不要选择控件工具
箱的单选控件哟
报纸杂志网络
第七步，点击
菜单设置控件格式-控
择，单元格链接则选
的值会自动更新，不
依次控件名称，选择
文本编辑，修改名称
基本完成，最后一步
控件全部选中，进行。
大功告成了，记住
层哟，否则，你总是
的。
YARIS POLO MAZDA3SX4MARCH TIIDA MAZDA2LIVINA
，点击第一个单选按钮使用右键菜单设置控件格式-控制，将值选定已选择，单元格链接则选择$A$17,其余按钮的值会自动更新，不需理会。
然后修改依次控件名称，选择控件的右键菜单的文本编辑，修改名称。
至此，动态图表基本完成，最后一步，将柱状图和三个控件全部选中，进行右键菜单中的组合。
大功告成了，记住，图表最好置于底层哟，否则，你总是不容易选择上控件的。