目录
摘要
第一章引言
1.1闪存历史
1.2 Flash主要应用领域
1.3Flash的现状和优缺点
第二章软件基础概念
2.1帧和关键帧
2.2层
2.3时间轴面板
2.4元件
2.5制图工具栏
2.6动画格式
2.7场景
第三章作品策划
3.1项目规划
3.2关于片头
3.3关于方案
3.4关于过渡效应
3.5关于场景
3.5关于歌曲声音和同步字幕
3.6关于结尾
3.7方案设计
第四章动画制作
4.1场景1的制作(片头)
4.2创建场景2
4.3创建场景3
4.4创建场景4
4.5创建场景5
4.6创建场景6
4.7场景7制作
4.8场景8制作
4.9场景9制作
4.10创建场景10
4.11创建场景11
4.12创建场景12
4.13场景13的制作
第五章声音和同步字幕
5.1声音部署:
5.2歌词字幕的制作:
5.3文件整合:
摘要
Flash MTV是应用软件技术创作乐曲MTV的情景动画部分,综合应用了各种Flash动画创作技术。 论文通过描述创作过程,记录了相关技术的实现思路。 然后,后来领悟了自己创作过程中的一些感悟。
第一章引言
1.1闪存历史
Flash的前身是Future Wave的Future Splash,它是世界上第一个商用二维矢量动画软件,用于设计和编辑Flash文档。
1996年11月,美国企业收购了Future Wave,改名为Flash。 之后,2005年12月3日被adobe公司收购。 Flash通常也指Macromedia Flash Player (当前的Adobe Flash Player )。 2012年8月15日,Flash退出安卓平台,正式告别移动终端。
从2015年开始,为了使该软件适应新环境,除了继续扩大HTML5和SVG领域外,Adobe还特意改名为Animate CC,改进后的Animate CC依然完美支持Flash文件SWF
1.2 Flash主要应用领域
Flash是集动画制作和APP应用开发于一体的创作软件,可应用于教材开发、网站小游戏开发、静态互动网站开发、动态相册、电影视频开发等;
1.3Flash的现状和优缺点
随着互联网新技术的发展,HTML5技术在网页端小游戏领域开始动摇flash的市场地位,由于支持手机端,在这方面正好是flash的短板; 此外,由于计算机硬件技术的发展,影视动画的制作者和粉丝也可以购买运行三维软件的计算机设备,因此动画制作的选择也越来越多样化。 由于以上原因,Flash虽然面临很多挑战,但对于非专业的动画制作人来说,Flash还是一种创作工具,首先,可以在网上找到大量的矢量素材(而且在网上也可以找到很多相关的教程视频) 最后,该软件对计算机配置要求也低,生成的SWF文件体积也小。
的操作界面简单,容易学习,但与其他同类软件相比,还很容易使用。 此外,大多数大学和社会商务舱都有基础课。 此外,Flash是许多非专业动画师的首选工具,因为它创作的作品具有很高的灵活性,无论有什么想法都可以实现。
第二章基础概念
2.1帧和关键帧
帧是构成动画的基本单位,类似于电影胶片的一帧; 关键帧是指在需要创建补间动画时,将开始帧和结束帧设置为关键帧。
2.2层
图层是构成帧屏幕的基本单位,像玻璃块一样堆叠。 可以在玻璃块上绘制内容,视觉效果从上到下,一些对象会覆盖其他对象。
图形元件(与影片剪辑元件相对应)。 您可以在编辑时轻松预览图形元件,但在舞台上播放时预览会阻止整个元件移动。 )为了便于创建进程,主要使用图形元件进行创建。
2.3时间轴面板
时间轴面板由图层、帧和播放头等组成,用于组织设计动画的播放。
2.4元件
有三种类型的元件:图形元件、影片剪辑元件和按钮。 图形元件就像一个容器,用于将转换为补间的对象打包在一起。 影片剪辑元件是向图形元件功能添加一帧回放的功能。 也就是说,如果将代码添加到SWF以暂停播放头,或者即使影片文件只有一帧,影片元件也能独立正常播放。 影片剪辑元件经常用于游戏制作项目和交互式课件项目。 按钮是虚拟的触发按钮,可感知鼠标的移动和单击,并响应预编程事件,如单击按钮时播放停止。
2.5制图工具栏
“绘图”工具栏包含许多绘图工具,包括绘制贝塞尔曲线的钢笔工具、绘制圆形或椭圆形工具、绘制矩形的矩形工具、绘制直线工具、填充工具和文本输入工具。
2.6动画格式
动画的格式为逐帧动画、补间动画; 帧动画的应用就像电影胶片播放的原理一样,由帧序列构成; 补间动画定义了前后两个关键帧,软件本身计算中间的所有帧以完成动画。 通常,您可以更改一个对象的位置、大小或明暗不透明度等。
2.7场景
场景在软件中作为主要容器使用,如果时间轴上的帧超过500帧,需要编辑前后帧的时候,就需要寻找前后帧的位置,所以我们把5000帧的视频分解成10个场景,每个场景500帧实际上,每个场景的帧数都不一样。 有的场景帧数多,有的场景帧数少,完成作品后可以增减。
主场景(对应于元件内部的场景) ) ) ) ) ) ) ) )。
第三章作品策划
3.1项目规划
首先,确认作品的制作方向是歌曲MTV的小型动画,时间长度为180秒左右的作品的结构是片头结束、动画剧本、镜头间的过渡动画、与歌曲的声音同步的字幕; 的主要软件是Adobe flash CS4。
3.2关于片头
开场是为了说明MTV的曲名和歌手信息,就像书的封面一样,画的部分和书的内容的对应关系不是很强。
3.3关于方案
动画剧本通过矢量动画制作一定的动画场景,以动画形式解读和再现歌曲的表现内容。 因为是MTV系,所以剧本的设计很简单,不会太起伏。 另外,故事过于曲折,在画面上也难以表现。
3.4关于过渡效应
镜头之间的过渡动画通过明暗的变化将两组镜头分开,使一个场景到另一个场景的联系不太紧密。 要在场景和场景之间切换,请使用电影中常见的过渡方法:从暗过渡到亮过渡。
3.5关于场景
开头部分由1个场景构成,正篇部分由12个场景构成,结尾部分由1个场景构成的场景; 此时的场景是视频中的一系列场景,也是软件中场景的功能。 软件中每个场景都有独立的时间轴,非常容易操作。 如果不使用软件中场景的功能,3分钟的时间轴帧数就会延长到4500帧以上,这么多帧被挤在一个场景里,况且图层也很多,很少能进行各种操作。 但是,制作了十多个场景,这是
3.5关于歌曲声音和同步字幕
与声音同步的字幕。 声音是这部作品的主体,同步字幕是声音的补充和视觉表现。
3.6关于结尾
结尾,结尾部分的作用将向观众宣告本作品的结束。 感谢观众的关心,评论作者的信息等;
3.7方案设计
最终我们选择了歌曲《我相信》 (原歌曲:杨培安)。 选择歌曲后,我们用歌曲中表现出的自信和感动来创作剧本。
镜头出现在通向远方的大道前,一辆面包车飞驰而来,另一辆黑色轿车飞驰而去; 天上留下弯弯曲曲的月亮,那时片名《我相信》出现停了几秒钟后,字体放大消失了。
大学毕业两三年的青年出现在海滩上,他做了准备活动。 然后,他居然一下子飞到了天上,在天上白云上飞了起来。 然后,一不小心,撞到了冲天的火箭,掉了下来。 青年在电脑桌前猛地站了起来。 刚做梦,看了看时间,自己的经快9点了。 (上班快迟到了); 所以,年轻人会如火如荼地走上上班的路。 在公司的职场,领导的人在和青年说什么? “年轻人,工作了几年你着迷了吗? 可以考虑充电哦! ”,年轻人摸着头,似乎在想什么(毕业后工作三年,第一个选择的讨厌的专业知识早就抛在九宵云外了); 年轻人开着小摩托车去公园见到她很高兴,没想到她数了一会儿,青年低着头听着。 她最好的朋友的男朋友毕业才两年。 自己买了车。 年轻人想起了导师的建议,找到了培训学校,努力学习了半年,经过他欣然接受设计师资格的半年多的学习,年轻人现在正坐在电脑前勤奋工作。 他觉得自己从来没有这么专业地集中过。 在红幕的舞台上,舞台上的字幕写着国际设计大会。 青年站在舞台上握着奖杯。 他的努力得到了回报,终于找到了自己的发展道路。 青年开车和她从公园出来,为这个动人的插曲迎来了一个巨大的圆满结束。
第四章动画制作
前期准备:
通过互联网寻找动画版的角色像、动画版的汽车和背景大楼等相关的照片素材和矢量素材。
在flash软件中,主人公的主视图、侧视图等,描绘了本作品角色的三个视图:女主角的主视图、侧视图; 在网上找到场景中的相关道具,汽车的正视图、侧视图、后视图等;
场景切换(过渡场景) :
相关技术(阿尔法透明度变化)
由于切换每个场景使用相同的元素组合,因此每个场景的过渡视频是公共的,复制此层的帧,然后将其粘贴到每个场景中; 在主时间轴中创建一个名为“黑布”的新图层,使用“矩形”工具绘制矩形,将填充颜色更改为黑色,然后选择所有矩形以适合舞台的大小。 将矩形转换为图形元件,并在时间轴中插入关键帧。 将上一个关键帧中的元件的alpha值设定为100%,将第二个关键帧的alpha值设定为0,从而在两个关键帧中创建传统补间。 这样,快照开始时屏幕为黑色,1秒后逐渐变亮,恢复正常亮度。
在主时间轴中创建一个名为“边界”的新图层,并复制黑布。 在“属性”面板中,将元件的alpha值调整为20%以定义镜头的可见性,并创建玻璃般的光透射效果以帮助编辑动画。 在您创建的每个场景中,将一块黑布和一个边界图层粘贴到最上面的图层上。 不需要重新创建此效果。
镜头方面,闪存软件本身没有镜头的功能概念,3DSmax等三维软件中有照相机的功能。 绘制背景并覆盖舞台后,边界也看不见,因此为了简化变焦操作,绘制与舞台相同大小的矩形。 通过“创建和放置新的专用图层,并将该图层置于顶部”来确定边界。 由此,在编辑操作中,可以容易地知道哪些要素在镜头画面上可见,哪些要素不可见。 例如,片头动画中的一辆车从远处进入,另一辆车从近处出来。 如果没有这个边界,动画就很难操作
Flash创作软件直接调整舞台上对象的缩放比例和位移,以实现镜头推拉移动的效果。 例如,通过放大对象来制造使镜头接近效果; 通过从下向上移动对象,对镜头进行建模,使其向上移动。
4.1场景1;
在播出不同场景的剧情(片头视频,“相机”的镜头角度位于道路中央,逐渐上升)后,引入主题,显示本作品的曲名,“我相信”
相关技术包括( alpha透明度变化、任意缩放、补间动画)
在主时间轴中创建新的名为“背景”的层,使用“车1”拖动车左侧的元件,这两个层都延伸帧,向车所在的层添加关键帧,然后折叠第一个关键帧的车元件在两个关键帧上创建传统补间。 这样,生成从汽车左、小时开始变大并向一侧移动的动态图像,即从远移动到近的动态图像; 名为“M 2”的新层使用同一元件的缩放和关键帧之间的传统补间动画显示从近到远移动的第二辆车。
最后,使用文本输入工具输入文字。 我们相信您会在“属性”面板中选择字体作为“华康海报体”。 (字体必须安装在计算机上。 如果没有安装此字体的计算机,可能无法打开原始文件。 )字符分离两次(第一次分离后,文本的字体变成整段一个独立的字体,第二次分离后,字体的文本属性被去除,字体已经没有文本属性,不能用输入法修改。 在元件“my”的第一个关键帧的元件属性中将alpha值设定为0,将第二个关键帧的alpha值设定为100,然后在第一个关键帧和第二个关键帧中
在帧之间创建传统补间; 这样,制作“我”从无到有出现的动画过程; 再次插入关键帧,将第三个关键帧的alpha值设置为0,将缩放值设置为150%,在第二个关键帧和第三个关键帧之间创建传统补间,单词“我”在从渲染放大的同时隐藏用同样的方法制作字体“相”和字体“信”的动画效果。
在本作品中,最常用的动画技术是关键帧动画技术,也称为补间动画技术; 例如,如果要制造从左到右水平行驶的汽车,则需要将汽车转换为“零件”,因为该技术不支持目标三维转向。
4.2场景2;
各场景剧本(主人公出现在海边准备活动,升空; )
相关技术(缩放、补间动画、旋转) )。
将人物上半身转换为元件,选择元件类型作为图形元件,使用鼠标操作,在“绘图”工具栏上选择任意变形工具,然后用鼠标将对象的“旋转中心点”移动到底部中心位置。 创建一个可弯下上半身的动作效果,在时间轴中创建一个新图层,将默认图层名称(第1层)更改为“主人公的头”,然后将此元件拖动到舞台上以调整到所需的位置。
当人物准备向上跳的时候,我们没有设计具体的动作,但是将人物的元素纵向缩小,使之看起来像压断的弹簧,之后,人物向上跳是符合物理学规律的。
4.3场景3;
场景划分(男主人在天上飞,之后撞到火箭从天上掉下来)
相关技术( alpha透明度变化、旋转变形、传统补间动画和Photoshop软件的基本应用) )。
在网上找到火箭素材图片,下载后在Photoshop软件中,使用裁剪工具和魔术棒工具,去除素材多余部分,读入闪存软件,在主菜单栏中,点击“修改”大类的通过将火箭的图形转换为图形元件并在关键帧之间创建传统补间的方法来创建火箭从下到上飞行的动画。 在主场景的时间轴中创建一个名为“主人公横飞”的新图层,在第200帧处插入关键帧,然后将该元件拖动到舞台上以调整到所需的位置。 制作主人公水平飞行撞到火箭的视频。
4.4场景4;
不同场景的剧本(男主人在书房的电脑前醒来,一看时间是上午9点) )。
相关技术(旋转、补间动画、逐帧动画() ) )。
随着剧本的进展,需要制作主人公从桌子上站起来的场景。 我们重用飞到人物旁边的部件(数据库中的部件支持多次调用)。 然后,这样可以提高创作的效率),被拖到舞台上,通过放大显示部分,显示部分,可以避免创建和调整其他身体部分的动画。 此外,由于从场景中的屏幕上看不到动画本身的表示方式(有些场景是部分特写的,有些场景是全局表示的)
使用“椭圆形”工具绘制人的眼睛,将线条和填充都选择为黑色,然后转换为元件进入元件。 在元件的时间轴中将图层延伸到帧中,在第8帧插入其他关键帧,然后使用“自由变换”工具偏移第二个关键帧的黑色椭圆。 通过这种方式,创造出令人眼花缭乱的动画效果。
4.5场景5;
不同场景的电视剧(男主人急急忙忙去上班了; )
相关技术(旋转、补间动画)
制造挥动人物侧面双手的效果; 在这个场景中,场景中只显示人物上半身的运动。 这是因为,如果场景中包含人物的全身,则与跑步运动相关的肢体运动会变得复杂,因此制作整体运动的动画的工作量会非常大。
4.6场景6;
分场景剧本(男主在前辈同事面前听了很多建议; )
相关技术(补间动画、旋转变形)。
画面出现之初,两个人物齐了。 然后将视频中的人物元素分别左右移动,模拟摄像头左右移动的效果,丰富了视频的视觉效果。
4.7场景7;
不同场景的电视剧(男主骑着摩托车在路上; )
相关技术(补间动画)
在主场景的时间轴中创建新图层,将其命名为道路风景,然后将背景元件拖动到舞台上,并使用“对齐”面板中的对齐工具进行对齐。 创建一个新层,将其命名为男性所有者,然后骑自行车并创建简单的补间动画。 第一个关键帧将人物元件放置在舞台的右侧,第二个关键帧将人物元件水平移动到舞台的左侧,以使用两个关键帧创建传统的补间动画。
4.8场景8;
场景剧情(一个女孩在公园前和男主人聊天,女主人说,好朋友的男朋友工作了一年多,自己买了车。 )
相关技术(任意缩放、补间动画、逐帧动画) ) )。
气泡出现通过简单的逐帧显示方式来实现; 在主场景的时间轴中创建新层,将默认名称更改为“公园”,然后将公园的背景元件拖动到舞台上以调整到所需的位置。
在时间轴中创建新图层,将默认名称更改为“主人公”,然后将主人公元件拖动到舞台上并调整到所需的位置。
在时间轴中创建新层,更改默认名称“女主角”,然后将女主角侧面影像的元件拖动到舞台上。 调整到合适的位置。
4.9场景9;
不同场景的剧本(男主人来培训机构了; )
相关技术(补间动画)
人从下到上创建补间动画,这是模拟镜头从上到下移动的效果; 在时间轴中创建新图层,将默认图层重命名为学校,然后将建筑元件拖动到舞台上并调整到适当的位置。 通过向关键帧添加补间,创建人和摩托车一起向上移动。
4.10场景10;
分场景剧本(字幕表示“半年后”,在男主从训练机构获得设计师的专业技能)
相关技术(旋转、补间动画)
将主人公抚摸头部的元素修正为拿着证书左右挥动的动作。 此时,手和证书实际上是独立的元素,元素的变形中心点移动,通过加入关键帧和补间,进行像振子一样的动作。
4.11场景11;
各档电视剧(男主集中工作,时钟从早上9点忙到下午6点);
相关技术(补间动画)
使用椭圆形和矩形工具绘制时钟,并将时针和分针转换为图形元件; 将元件的旋转中心调整到图形底部的中心附近,以创建时针分针并围绕圆旋转。
4.12场景12;
不同场景的电视剧(男主角在舞台中央,获得了大会的金奖);
相关技术(任意缩放、补间动画) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )。
修改前面的人拿着证书挥手的行为,将“证书”组件替换为“金杯”组件;
使用钢笔和椭圆工具绘制绿色舞台和黑色人的背影,并将其转换为图形元件。 使用“钢笔”工具,在红色舞台上绘制窗帘的左侧,将其转换为图形元件,然后使用左侧的窗帘元件复制并水平翻转以获得右侧的窗帘。 左侧的布幔和右侧的布幔分别放置在不同的图层上,分别采用在关键帧之间制作补间动画的方法,制作布幔从中间向两侧展开的动画效果; 用同样的方法,得到绿色舞台后面的窗帘; 放在另一个层上; 将图层放置在倒数第二个级别,并将其放置在两个窗帘之间。
4.13场景13;
不同场景的电视剧(男主人开车带着她去玩);
相关技术(任意缩放、补间动画) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )。
创建新的图形元件。 在元件内部,可以用多个层来描绘汽车的形状。 通过创建新层、放入人物并将汽车玻璃层放置在人物上,可以将“玻璃”隐藏在人物面前,从而获得模拟现实的效果。
在主场景的时间轴中,在上一个关键帧将车缩小到10%,然后缩小到100%,以创建车从远行驶到近的动画。
第五章添加声音和创建同步字幕
5.1声音部署:
将MP3文件导入库中,在图层中插入帧,在帧属性中选择声音文件(的名称),然后根据需要延伸帧。
5.2歌词字幕的制作:
相关技术(传统补间动画和遮罩层动画技术() ) ) )。
在网上找到这首歌的歌词,复印并粘贴在软件上; 编辑为一句一行,调整字体大小; 使用主工具栏上的“矩形”工具绘制矩形,然后创建要设置为蒙版图层的新图层。 将上面的歌词转换为图形符号,当歌曲前移时,歌词适当上移,两相对应,将屏蔽层显示的区域限制在一定范围内; 而且,通过歌词要素及时上移,歌词的文字和歌曲的进展情况一致。
5.3文件整合:
首先,将之前构成每个场景的Fla文件导出为SWF格式文件。 在软件中,创建另一个Fla文件并导入该SWF文件时,发现时间轴上的帧是一系列的关键帧,但在视频输出时画面内容没有明显的变化;
创建新层并放入MP3; 创建新图层并置入歌词,然后创建另一个图层以创建蒙版效果。
歌词完成后,导出最终的SWF格式文件; 最终的SWF文件是这个MTV的图纸。 动画结束后,在键盘上按住enter ctrl弹窗的同时播放测试动画。
结束语
关于编剧、作品的剧本,在定稿之前已经制定了别的版本。 另一个版本的剧本是,原来的女人终于嫌我们的主人公“不够好”而离开,之后主人公经过这个挫折才拼命去充电学习,最后成功转型为高端职业。 轿车是一定会有的,只是最后一起坐在副席上的女主角变了,而那个男主角不是第一个要你在身边的人。 但是,这样的故事剧本却掺杂了大半感伤的感情; 不是我们最近设定的感人情节。 这一集结合歌曲的表达,那是自信的人对未来的向往,所以没有人会向往这个感伤的故事。 所以故事为了满足感人的条件,修改成了最终版,“女主角抱怨了,但没有离开”。
技巧方面,这部作品进入实际制作时,发现了课堂上没有学到的东西,很多软件的功能应用和技术的结合等。 为了完成这件作品,我在网上查阅了很多相关技术论坛,多次借鉴和分析了“带来”别人的小技巧的网络优秀作品,并将闪耀的想法融入到自己的作品中。 在课堂学习中,所有工具的操作和功能应用似乎都那么清晰,但在复杂的作品中,遇到的大问题和小问题无数(小到可以寻找云的素材,大到可以确定角色的形状),而且问题大到可以小
致谢
XXXXX
参考文献
[1]宗传玉肖伟Flash动画设计[M]南京大学出版社2011-7-8
[2]罗永红、周晓莺、陈静、李海涛Flash视频创意设计项目实战[M]清华大学出版社2015-11-19