网页制作_Flash三个实例课件.ppt

《网页制作_Flash三个实例课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作信息技术学院郑义Flash小例子滚动变化的文字倒计时竖形条幅2滚动变化的文字（一）“文件”→“新建”，选择“Flash文件（ActionScript3.0）”选择文字工具输入“FLASH”文字，在属性面板上设置字体（系列）、样式、大小、字母间距滚动变化的文字（二）选中文字部分，“修改”→“分离”，或者按下快捷键Ctrl+B，将文字内容分离成一个一个独立的字母再次Ctrl+B，将每个字母分离成散件（视觉上犹如网状字体）分别选中每一个字母，设置不同的颜色滚动变化的文字（二）分别在第20帧、40帧、60帧、80帧，“插入”→“

2、时间轴”→“关键帧”，可以使用快捷键F6设置每一帧只有一个字母，选中其他内容，按Del键或者BackSpace键删除滚动变化的文字（三）在每两个关键帧之间，单击右键，选择“创建补间形状”单击菜单“控制”→“测试影片”，或者按下Ctrl+Enter预览滚动变化的文字（四）由于字母在变化完毕之后没有停顿，所以要稍作修改在第5、25、45、65、85帧分别插入关键帧（F6）分别在1-5、20-25、40-45、60-65帧之间，单击右键，选择“删除补间”滚动变化的文字（五）单击“文件”→“保存”，保存成fla文件，可供后期修改单击“文

3、件”→“导出”→“导出影片”，保存成swf文件，可供Dreamweaver插入到web页面中倒计时（一）新建文件选择椭圆工具，按下对象绘制设置好填充颜色和笔触颜色，按住Shift键，画一个圆倒计时（二）单击菜单“窗口”→“对齐”（或者使用快捷键Ctrl+K）选中“相对于舞台”，设置水平居中和垂直居中倒计时（三）选中圆形，按下Ctrl+C、Ctrl+Shift+V，在当前位置粘贴单击任意变形工具按住Alt+Shift，将复制的圆形以圆形等比例缩小设置填充颜色同样方式画3个圆倒计时（四）单击新建图层的图标隐藏第一个图层在新建的图层上

4、，选择线条工具，不用“绘制对象”，设置好笔触颜色，按住Shift键画一条直线选中直线，设置笔触为3倒计时（五）选中线条，按下Ctrl+K，设置相对于舞台垂直水平居中选中线条，单击“窗口”“变形”（或者使用快捷键Ctrl+T）在变形窗口中，旋转90度，按下“重制选区和变形”，复制一条竖线条倒计时（六）此时，将图层1、2都显示出来，即可看到静态的部分已经完成，如下图所示倒计时（七）新建图层，选择“文本工具”，输入数字9，设置字体大小、字母间距按下Ctrl+K，设置文本相对于舞台垂直水平居中倒计时（八）在图层3中，每隔15帧，按F6插

5、入关键帧，将文本分别改为9到0的数字在第150帧插入F6，保持0显示15帧不变分别在图层1和图层2的第150帧按下F5插入帧倒计时（九）新建图层，选择“矩形工具”，不选“绘制对象”，设置好填充颜色和笔触颜色，画一个矩形单击“局部选择工具”，选择右上角的点，按Del键删除；选择左上角的点，按左右方向键将顶点移到正中间位置倒计时（十）使用选择工具，将三角形的底部横线拉成弧形双击边框，删除边框线选中指针，按下F8转换为元件单击“任意变形工具”，将中心的白点移动到底部，指针在旋转的时候将以白点为中心倒计时（十一）将指针移动到十字交叉点在

6、图层上上创建补间动画在补间动画的属性面板上设置旋转方向为顺时针旋转次数为10次倒计时（十二）按下Ctrl+Enter预览单击“文件”→“保存”，保存成fla文件，可供后期修改单击“文件”→“导出”→“导出影片”，保存成swf文件，可供Dreamweaver插入到web页面中竖形条幅（一）新建文件在图层1上，选择矩形工具，设置红色填充色，透明笔触，画一个矩形框竖形条幅（二）锁定图层1，新建图层2在图层2上需要画出两边的装饰和中间的文本首先选择矩形工具，画一个黄色填充色、透明笔触的小正方形，按住Alt键复制四份竖形条幅（三）选中这四

7、个小正方形框，Ctrl+G组合，选择任意变形工具，按住Shift键将图像旋转45度，缩小到合适的大小将组合后的图像移动到红色矩形框左侧合适的位置按住Alt+Shift键，复制若干份排成一列，注意第一个和最后一个的位置竖形条幅（四）选中所有内容，Ctrl+K打开对齐面板，在“分布”部分选择“垂直居中分布”Ctrl+G组合这些黄色小图按住Alt键复制一份到红色条幅右侧竖形条幅（五）选择文本工具，设置“属性”→“段落”→“方向”：“垂直，从左向右”输入文本，设置字体、颜色、大小、间距等属性竖形条幅（六）锁定、隐藏图层1、2，新建图层3

8、，画卷轴选择矩形工具，画一个矩形Shift+F9打开颜色面板，设置类型为线性，设置颜色为两次向中间渐变竖形条幅（七）按住“任意变形工具”，选择其中的“渐变变形工具”，将光标放置于矩形右上角，呈环形图标的时候，按住鼠标左键拖动，旋转90度竖形条幅（八）按住下方的图