设计网站首页动画;任务目标
1.能描述网页安全色的设置与使用方法。
2.能创建帧动画。
3.能设置时间轴和调整面板属性。
4.能使用“属性”面板调整图像色彩。
5.能设置过渡动画效果。
6.能将设计的网页导出为合适的格式。;任务描述
本任务主要利用“时间轴”面板和使用Web安全色，并结合“调整”面板及“属性”面板调整图像色彩来制作图所示网站首页。要完成本任务的学习，除了需要掌握创建帧动画的方法，还要掌握调整图像色彩的方法及过渡效果的使用方法。;4;一、安全色设置
Web安全色是指在不同操作系统和不同浏览器中均可正常显示的颜色。
1.使用安全色。在工具箱中单击“设置前景色”或“设置背景色”图标，打开“拾色器（前景色）”或“拾色器（背景色）”对话框，选择颜色时，勾选对话框左下角的“只有Web颜色”选项，拾色器色域中的颜色明显减少，但此时可供选择的颜色皆为安全色。;6;2.将非安全色转为安全色。在“拾色器（前景色）”或“拾色器（背景色）”对话框中选择颜色时，在所选颜色右侧出现警告图标，即说明当前选择的颜色不是Web安全色。单击图标，即可将当前颜色替换为与其最接近的Web安全色，然后单击“确定”按钮完成颜色转换，如图所示。;二、帧动画
将多幅图像快速播放而形成的动态画面效果称为帧动画。其与电影胶片、动画片的播放模式相似，都是在“连续的关键帧”中分解动作，然后连续播放形成动画。;三、“时间轴”面板
“时间轴”面板主要用于组织和控制影片中图层和帧的内容。新建文档后，执行“窗口”“时间轴”命令，打开“时间轴”面板。单击创建模式右侧的图标，在弹出的下拉列表中有两个选项，即“创建视频时间轴”和“创建帧动画”，如图所示。选择不同的选项可以打开不同模式的“时间轴”面板，不同模式的“时间轴”面板创建与编辑动态效果的方式也不相同。;在此选择“创建帧动画”选项，此时“时间轴”面板显示为“帧动画”模式，如图所示。在该模式下，“时间轴”面板中显示出动画中每个帧的缩览图；时间轴面板底部的各项分别用于浏览各个帧、设置循环选项、添加和删除帧，以及预览动画等，下面分别对各项做简要介绍。;1.“转换为视频时间轴”图标：将“帧动画”模式的“时间轴”面板切换为“视频时间轴”模式的“时间轴”面板。
2.选择帧延迟时间：设置帧在回放过程中的持续时间。
3.选择循环选项：设置动画作为GIF文件导出时的播放次数。
4.“选择第一帧”图标：单击该图标，可以选择序列中的第一帧作为当前帧。
5.“选择上一帧”图标：单击该图标，可以选择当前帧的前一帧。
6.“播放动画”图标：单击该图标，可以在文档窗口中播放动画。如果要停止播放，再次单击该图标即可。;7.“选择下一帧”图标：单击该图标，可以选择当前帧的下一帧。
8.“过渡动画帧”图标：在两个现有帧之间添加一系列帧，通过插入的方法使帧之间的图层属性均匀。单击该图标，在弹出的“过渡”窗口中可以对过渡的方式、过渡的帧数等选项进行设置。设置完成后在“时间轴”面板中会添加过渡帧。接着单击“播放”按钮，即可查看过渡的效果。
9.复制所选帧：通过复制“时间轴”面板中的选定帧，向动画中添加帧。
10.删除所选帧：将所选择的帧删除。;一、打开素材文档
按“Ctrl+O”快捷键，打开“素材/素材/任务一”目录下名为“网站首页设计背景.PSD”的文件，然后执行“文件”“置入嵌入对象”命令，将“素材/素材/任务一”目录下名为“网页1.JPG”的文件置入，并调整图片的大小和位置，效果如图所示。;14;二、设置颜色
单击“设置前景色”图标，打开“拾色器（前景色）”对话框，勾选左下角的“只有Web颜色”选项，然后选取色表中右上角的红色，如图所示。单击“确定”按钮完成颜色设置。;三、输入文字
1.选取“横排文字工具”，在工具属性栏中设置字体类型为“黑体”，文字的大小为“60点”，然后在图像窗口单击，输入“国家级重点公办技师学院”，按Esc键退出，完成文字的输入。
2.再选取“横排文字工具”，设置字体为“黑体”，大小为“34点”，颜色为黑色，然后输入“选择好专业，铸造梦想，护航未来成功之路”，按Esc键退出，然后将该文字置于红色文字下方。效果如图所示。;17;四、合并图层
将“图层”面板置入的图片图层及文字图层合并为“网页1”图层，如图所示。;五、置入图片
执行“文件”“置入嵌入对象”命令，将“素材/素材/任务一”目录下名为“网页2.JPG”的文件置入，调整图片的大小和位置，使“网页2”图层的图片与“网页1”图层的图片重叠，如图所示。;六、调整图形颜色
置入的图片颜色较暗，需要对其进行调色。按下Ctrl键的同时单击“网页