Flash实用效果之小桥流水

　　本例实现的是小桥流水效果。长满青苔的小桥下水静静地流淌着，小桥的倒影和水中的金鱼让我们想起了童年的情景。如效果图所示。该效果主要是运用了遮罩技术来实现倒影效果，而倒影效果是很常用的效果，很多作品都有使用到。

　　

　　

　　在文章中，读者不但能够学会小桥流水的制作方法，还能够学习如何设计一只可爱的金鱼，连同形状渐变动画的运用。

　　

制作步骤：

　　1．新建一个Flash文档，单击“属性”面板中的“尺寸”按钮，打开“文档属性”面板配置场景大小为500px x 300px，背景色为#10A9CC，帧频为12fps。

　　2．导入小桥图片。按快捷键Ctrl F8打开“创建新元件”面板创建一个“小桥”图像元件。导入一座小桥的图片，本例使用的小桥如效果图中所示。

　　3．制作鱼尾。创建一个“鱼尾”影片剪辑元件。点选“工具”面板中“铅笔”工具 ，在元件的场景中绘制一个鱼尾的轮廓（线条要闭合）。

　　

　　图1

　　4．按快捷键Shift F9键打开“混色器”面板，如图1所示进行配置。“混色器”下拉菜单中选择“线性”选项。面板中3个滑块的颜色分别为#F5800A、#F8D356（Alpha值70%）和#FFFFFF（Alpha值50%）。配置“混色器”面板后，点选“工具”面板中的“颜料桶”工具 给鱼尾上色。效果如图2所示。

　　

　　图2

　　

5．在“鱼尾”影片剪辑元件的场景中创建“鱼尾”层，层的配置如图3所示。分别点选“鱼尾”层中的第5、10、15、20帧，按F6键插入关键帧。把每帧中的鱼尾配置成如图4中不同的形状，在场景中，5个鱼尾的位置应该是基本重叠的。

　　

　　图3

　　点选“鱼尾”层，使该层的任何帧成阴暗的被选取状态，在“属性”面板的“补间”下拉菜单中选择“形状”选项建立形状渐变动画。

　　

　　图4

　　6．制作金鱼。创建一个“金鱼”影片剪辑元件，如图5所示建立“胸鳍”、“鱼头”、“鱼身”等层。金鱼鳍都通过“鱼尾”元件的变形得到，这样设计能够尽量重复使用元件来减小文档体积，提高效率。鱼眼、嘴、鳃能够通过“椭圆”、“铅笔”工具轻松绘制。“鱼身”层中有3个关键帧，使鱼身形变来产生动感。最终设计效果如图6所示。

　　

　　7．制作流水。新建一个“流水”层。如图7所示创建“小桥1”、“小桥2”和“遮罩”三层。

　　

　　图7

　　按快捷键Ctrl L打开“库”面板，将面板中的“小桥”元件拖拽到“小桥1”层的场景中。点选该层的第60帧按F5键插入帧。隐藏“小桥1”层中的元件，见图7。再把“库”中的“小桥”元件拖拽到“小桥2”层的场景中。点选该层第50帧按F6键插入关键帧。注意：“小桥1”层和“小桥2”层中的“小桥”元件的位置相同。

　　8．在“遮罩”层的场景中制作一个由高度为8px的线条组成的遮罩块，线条之间有一定的间隙。选中任何线条，按快捷键Ctrl G将其组合。如图8所示。

　　

　　图8

　　9．点选“遮罩”层中第15、30、45、60帧并按F6键插入关键帧。将各帧中遮罩上下移动几个象素，并建立补间动画，见图7。将遮罩上下移动能够形成流水的间隙效果。确保遮罩能完全遮住小桥元件。

　　10．从“库”中将“金鱼”元件拖拽到“小桥2”层中的适当位置，可随意的再复制出几条金鱼。点选“金鱼”元件，在“属性”面板中将其“色调”配置成黑色，如图9所示。这样，红金鱼就变成黑金鱼了。也能够再放几条小蝌蚪在该层中，效果就更童趣，更加春意盎然了。

　　

　　图9

　　11．回到“场景 1”。如图10所示建立“小桥”、“倒影”层。将“库”中的“小桥”元件拖拽到“小桥”层的场景中。把“流水”元件拖拽到“倒影”层的场景中。按快捷键Ctrl T打开“变形”面板，将“流水”元件翻转过来，并调整到适当位置。见效果图。

　　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有