第四模块 网页美化课题一 制作Logo
实训目标1.熟悉字体的安装；
2.掌握Photoshop“图层
样式”的设置；
3.掌握ImageReady软件
制作动画的方法。
实训课时3课时
实训准备
1.Photoshop
CS3
2.Logo素材图标
文件、方正卡通
简体字体
实    训    过    程
任务一：在Photoshop完成静态图层
1.打开Photoshop软件。
2.新建一个宽高为120X90像素、分辨率为72像素/英寸的文档，命名为logo.psd并保存。
3.选择横排文字工具，设置字体为方正卡通简体，字体大小为30像素，颜为“#09a217”，单击输入文本“动漫世界”，建立文字图层。
4.图层面板中，右击该文字图层，选择“栅格化图层”命令。使用矩形选框工具，分别选取各文字并调整位置。
5.右击文字图层缩略图位置，在快捷菜单中选择“混合选项”命令。添加图层样式为投影效果，单击右侧拾器，设置暗调颜为“#09a217”，等高线为“起伏斜面—下降”。再添加描边效果，设置大小为2像素，颜为“#ffffff”。
6.新建一空白图层，命名为“背景图标”，将其拖到“动漫世界”图层下方。打开素材文件夹中“Logo素材图标”源文件，框选所需图像区域，拖动复制到该图层中，参照样例调整其大小和位置。
7.复制“动漫世界”图层，按住Ctrl并单击该图层，建立选区，设置前景为“#2bcbf3”，并填充该选区。
任务二：在ImageReady中完成动画效果
1.快速切换到ImageReady中，打开动画面板，第1帧中设置。选择帧延迟时间为0.2秒。
2.在动画面板中点击“复制当前帧”按钮，生成第2帧。
3.单击选择第2帧，设置“动漫世界副本”图层显示，“动漫世界”图层隐藏。
4.执行“文件”→“将优化结果存储为”命令，在对话框中命名为“logo”，选择“保存类型”为“仅限图像（*.gif）”文件。
任务拓展
根据实训教材所提供的中国旅游网的素材内容，设计并制作网站
Logo。
实    训    评    价
对学生的学习态度、操作能力、参与度及完成情况进行考核评估，由教师评估给分，得到学生的实训成绩。
实    训    总    结
根据学生实训过程中出现的问题，引导学生对整个实训的实施过程进行总结，并提出下一步训练要求。
课题二 制作Banner
实训目
标1.熟悉字体的安装；html下拉菜单的制作方法
2.掌握Flash中帧动
画、引导帧动画的制作
方法；
3.掌握Flash中影片的
导出。
实训课
时
3课时
实训准
备
1.Flash CS3
2.导航栏图标素材
文件、方正卡通简
体字体
实    训    过    程
任务一：“飞鸟”影片剪辑的制作
1.打开Flash软件，创建一空白文档。
2.单击属性面板中“文档属性”按钮，打开“文档属性”对话
框。
3.将尺寸设置为778X200像素，单击“确定”按钮。
4.选择“插入”→“新建元件”命令，打开“创建新元件”对话
框。
5.在对话框中的“行为”选项组中选择“影片剪辑”单选按钮，
在名称框中输入“飞鸟”，“确定”，进入“飞鸟”影片剪辑编辑窗口。
6.选择“文件”→“导入”→“导入到库”命令，在“导入到
库”对话框中，选择素材中所提供的“飞鸟矢量图”文件夹中的所有文件。
7. 在“飞鸟”影片剪辑编辑窗口第1帧中，插入空白关键帧，将
库中shape1.swf图形，拖动到编辑窗口中。选中该图形，在“对齐面板”中，单击“相对于舞台”按钮，再分别单击“水平对齐”与“垂直中齐”按钮。
8.参照第6步，在第2至第8帧处分别将shape2.swf至shape8.swf拖
动至合适位置，完成“飞鸟”影片剪辑的制作。
任务二：飞鸟引导动画的制作
1.切换至主场景，将“飞鸟”影片剪辑拖动到图层1舞台上并在属性面板中进行“调”的调整。
2.右击图层一，选择“添加引导层”命令，新建“引导层：图层一”图层。
3.选择第1关键帧，使用钢笔工具绘制光滑曲线，作为引导路径。并在图层中80帧处插入普通帧。
4.在图层一第1帧，将“飞鸟”影片剪辑拖动到引导线左端并吸附。单击第80帧处插入关键帧，将“飞鸟”影片剪辑拖动到引导线右端并吸附。然后，在两关键帧间创建“运动补间动画”。
任务三：Banner合成导出
1.新建一图层，命名为“背景”，将其拖动至所有图层下方。执行“文件”→“导入”→“导入到舞台”命令，将素材中提供的背景图像导入，并设置其与舞台对齐。
2.在“背景”图层第80帧处插入一普通帧。
3.选择“文件”→“导出”→“导出影片”命令，将影片命名为Banner.swf并选择位置保存。
任务拓展
根据实训教材所提供的中国旅游网的素材内容设计并制作网站
Banner。
实    训    评    价
对学生的学习态度、操作能力、参与度及完成情况进行考核评估，由教师评估给分，得到学生的实训成绩。
实    训    总    结

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。