向两边展开的折扇动画制作.doc

欣慰夕阳动画学习笔记向两边展开的折扇动画制作欣慰夕阳在央视的广告中看到向两边展开的折扇画面,怎样在制作成折扇的展开后,在扇面上加上图片和动画,受不老草先生“动态折扇”教程的启发，将本人的制作笔记介绍给大家。笔记写得较为简略，供有动画基础的朋友参考。打开Flash软件，默认文档。下面每操作完一步，注意保存。1，插入新建图形元件，名称“扇子骨”。在扇子骨的编辑场景里，选择矩形工具，绘制填充色为#CCCC00笔触为黑色的矩形，宽17，高280。水平中齐。如图1所示。使用黑箭头工具把矩形下部的两边对称的向中间收拢一点，使矩形下部窄一点，再把下端部拉出一点弧形（这一步可以把舞台选用200%情况下处理）。2，插入新建影片元件，名为“折扇”。将库中的扇子骨图片元件拖入“折扇”的编辑场景内。将其水平中齐。打开“任意变形工具”，在将扇子骨下部约为扇子的轴心处移动到场景的中心（即十字符号处）后，把扇子骨图片的注册中心小圆圈也准确地移动到场景的中心。（1）打开对齐面板上的变形面板，约束框内打钩，旋转处输入负10度，见图2。点击“复制并应用变形” 图2一次后如图3所示。“复制并应用变形”八次在拖入到场景内的扇子骨（即垂直的那一个）左边有了复制并变形的八个扇子骨。点击垂直的扇子骨，变形面板上“旋转”里输入10度，再点击“复制并应用变形”八次，在垂直的扇子骨的右边也有了八个复制变形出来的扇子骨。场景内共17个扇子骨，见图4。 在场景内框选全部扇子骨，击右键，点击“分散到图层”，在图层处有了17个扇子骨图层，删除没有用的图层1，整理扇子骨图层。 图5把扇子骨图层改下名称。场景内最左边的一个为左8，从左到中间垂直的一个，依次为左7到左1；最右边的一个为右8，从右到中间垂直的一个依次为右7到右1，中间垂直的一个为中。 当点击某一个扇子骨图层的第一帧时，可以看到场景内对应的那个扇子骨被选中，从这个被选中扇子骨的位置可以区别出它的图层名称，当即把该图层的名称改好,改好一个，锁上一个。全部改好后，再调整它们的上下层的顺序，顺序见图5。（2）因为扇子骨右8是折扇收合后最外面的一个，它的颜色可以根据你的喜好，进行适当修饰。方法略。（3）在所有扇子骨图层的第40帧，建关键帧。这个关键帧的内容还是和第1帧相同，折扇全部展开。下面制作让第1帧时折扇是收合的。A，打开左1图层的锁和工具中的“任意变形工具”，点击场景内的左1扇子骨，将鼠标移到左1扇子骨上方的边缘处，当鼠标出现有箭头的半圆圈符号（该符号出现表示按下鼠标左键可以令扇子骨沿轴心旋转）时，按住鼠标左键，把左1扇子骨右移到中扇子骨的位置上（注意，这一步操作时，一定要检查扇子骨注册点，折扇轴心和场景中吣点重合的情况），使其完全重合（在移动左1时，左1以折扇的轴心为圆心旋转）；B，鼠标选中右1扇子骨，和旋转左1一样，向左旋转到中扇子骨上，亦使二者完全重合。C，如此重复操作，再旋转左2和右2，左3和右3，直到把左8和右8也旋转好，场景内是一把收合起来的折扇，最上面的一个扇子骨是右8。（4）选中全部扇子骨的第1帧，在下面的属性面板的补间里创建补间动画。（5）回车，观察折扇的展开情况。正常后，在全部图层的90帧建关键帧，90帧和40帧的内容完全一样，为后面制作折扇的收合做准备。 3，制作扇面框，在扇面上插入图片，随着折扇的展开，画面逐渐展现。 （1）在扇子骨右8图层上方插入4个图层，更改图层名称，从下向上依次为左画面，左遮罩，右画面，右遮罩。在左画面的第40帧插入空白关键帧。点击该40帧后，在场景内展开的折扇上绘制两个笔触为黑色，无填充色的同心圆。 A，选择隋圆工具，用手同时按下键盘上的Shift键和Alt键，鼠标放在折扇的轴心上，按下左键，绘制以折扇轴心为圆心，扇子骨轴心到上端部为半径的大圆。所有扇子骨的上端全部与圆边相切。圆直径参考值约为515。B，选中该圆，右键点复制，鼠标放在场景内折扇下方点右键，再点击“粘贴到当前位置”，打开“任意变形工具”，点击一下圆，同时按下Shit键和Alt键，鼠标放在由于使用了任意变形工具而出现的右上方角顶上，当鼠标呈现为斜形双箭头符号时，按下鼠标左键，向左下方收拢粘贴后的圆，该小同心圆直径参考值约为220。C，选用直线工具，沿扇子 图6 扇面的框骨左8和右8的外边缘，分别画一根直线，连接两个圆。然后删除大圆和小圆的下边，在展开的折扇上留下一个如图6所示的扇面的框。 D，选中扇面框，右键复制，在右画面图层的40帧插入空白关键帧，点击一下该40帧，在场景内，右键，粘贴到当前位置。打开标尺并显示网格，沿“0”的网格线画一根参照直线，暂时把右画面层上锁。（2）将电脑里准备好的扇面图片加到图6的扇面内。A，在场景内释放一下鼠标。工具里关闭笔触， 将填充色打开（填充色任意）。B，在颜色面板里，点开类型，选择“位图”，此时，软件自动打开电脑的文件夹（若第二次点开位图，则出现的是“导入”），找到存放的扇面图片，打开，该图片进入软件库里。选用颜料桶工具，在扇面的框内点一下，图片立即加到扇面内。如果你使用的软件是Flash8呈现的图案是很多个，要借助“渐变变形工具”选择其中一个细心地进行调整，使图片在扇面上显示合适。如果你使用的软件是Flash9.0的，当颜料桶工具在扇面内点一下后，只出现一个画面，也要借助“渐变变形工具”进行调整，但要简便得多。 图7 折扇上的的画面（3）把扇面图片分成左画面和右画面，制作成遮罩动画。A，鼠标选用黑箭头工具，在场景里准确框选（以前面画的直线为界）扇面图片的右半部分，当右半部分图片被选中后，鼠标在选中的右半部分图片上击右键，点击“转换为元件”，在出现的对话框里名称改为右画面。此时库里已经存在右画面了。再在右画面上击右键，点击“剪切”。B，打开右画面图层的锁，选中40帧，按一下键盘上的Delete键，删除40帧的扇面框和参照直线，点击一下该40帧，鼠标移到场景内右键，点击“粘贴到当前位置”，此时在前面剪切掉的右半部分扇面图片（右画面）位置上又出现了右画面。再将右画面图层上锁。C，回到左画面图层的40帧，右键点击左半部分扇面图片，把左半部分图片转换为名为“左画面”的图形元件。“左画面”也已存于库里（分别双击库里的左画面和右画面，在对应的场景里，删除画面边缘上的画面框的线条）。D，复制左画面，打开“左遮罩图层”的锁，点击一下第一帧，鼠标移到场景内，右键“粘贴到当前位置”。即把左画面当作遮罩元件。 图8 右画面 图9 左画面E，把左画面图层的40帧移到该图层的第1帧，打开“任意变形工具”，把左画面的注册点移到折扇的轴心上，在40帧插入关键帧，也把注册点移到折扇的轴心上。回到第1帧，鼠标移到画面的右上方或左上方,当鼠标出现可以旋转的符号时,按下鼠标向右下方旋转,旋转到的位置如图10所示。回到第1帧创建动画补间。 图10 左画面移动后的位置 图11 右画面移动后的位置F，打开右画面和右遮罩图层的锁，在右画面图层的40帧复制帧，点击右遮罩图层的第1帧，粘贴帧。G，把右画面图层的40帧移到该图层的第1帧，打开“任意变形工具”，把右画面的注册点移到折扇的轴心上，在40帧插入关键帧，也把注册点移到折扇的轴心上。回到第1帧，鼠标移到画面右上方或左上方,当鼠标出现可以旋转的符号时,按下鼠标左键向左下方旋转,旋转的位置如图11所示。回到第1帧创建动画补间。H，把右遮罩图层和左遮罩图层设为遮罩层。4，折扇的收合A，选中所有图层的第1帧，粘贴到第130帧，做90帧到130帧间的所有图层（左遮罩图层和右遮罩图层除外）的动画补间。把所有图层延长到160帧。B, 把右8这个扇子骨图层移到右遮罩图层的上方。C,在右8图层的上方再插入一个图层,改名为轴心。在右8的轴心位置绘制一个放射填充的小圆，准确地放在轴心上。图层上锁。5，画面上签名。在库中