“海底世界” GIF 图像设计

1. 《图形图像处理技术》课程 “海底世界”GIF图像设计 佛山职业技术学院 张伟 讲师

2. 设计一个展示海底世界的动画图像 1、针对3岁小朋友； 2、是一个动画图像； 3、要有多种海底生物。 情境引入

3. 任务目标 学习内容 GIF知识 动画原理 动画设计 小结与练习

4. 任务目标 GIF知识 动画原理 动画设计 小结与练习 用Photoshop软件设计“海底世界”GIF图像

5. 任务目标 GIF知识 动画原理 动画设计 小结与练习 GIF含义： GIF意思为“图像互换格式”，是一种连续色调的无损压缩格式，其压缩率一般在50%左右。 动画图像格式： GIF格式是电脑中主要的动画图像格式，可直接显示在网页和手机彩信中，是应用最广泛的动画图像格式。

6. 任务目标 GIF知识 动画原理 动画设计 小结与练习 当你翻阅纸张时，会产生这样的效果： 思考：动画的原理是什么？ 原理：多幅静止画面连续播放，利用视觉暂留形成连续影像。

7. 任务目标 GIF知识 动画原理 动画设计 小结与练习 思考：为了完成海底世界设计任务，你的设计思路是什么？ • 1、搜索海底世界PSD素材； 2、在Photoshop软件动画面板中设计每一幅单帧画面； 3、让多幅静止画面连续播放； • 4、设置帧与帧之间的时间间隔，保存成GIF格式。

8. 任务目标 GIF知识 动画原理 动画设计 小结与练习 第一步、利用百度搜索引擎搜索海底世界PSD素材 第二步、打开Photoshop软件，执行“文件”→“打开”命令，导入海底世界素材

9. 任务目标 GIF知识 动画原理 动画设计 小结与练习 第三步、执行“窗口”→“动画”命令，打开动画面板，了解各按钮功能 过渡动画帧 当前帧 复制所选帧 当前帧停留时间 删除所选帧 选择下一帧 当前动画文件循环选项 播放当前动画 选择上一帧 选择第一帧

10. 任务目标 GIF知识 动画原理 动画设计 小结与练习 第四步、复制第一帧，在第二帧上调整素材中各生物位置 第五步、单击过渡动画帧按钮，设置过渡动画帧属性

11. 任务目标 GIF知识 动画原理 动画设计 小结与练习 第六步、预览效果，发现问题，调整动画图像 第七步、设置各帧图像停留时间及动画文件循环播放次数 第八步、设置存储路径，保存文件成GIF格式

12. 任务目标 GIF知识 动画原理 动画设计 小结与练习 • 回应问题： • 在搜索海底世界素材时，为什么要搜索PSD格式素材？ 因为： PSD格式是photoshop软件的源文件格式，保存有完好的图层效果，每个图层中的元素可以直接编辑。

13. 任务目标 GIF知识 动画原理 动画设计 小结与练习 小结 练习 1. GIF的含义 2. 动画的基本原理 3. 海底世界动画设计 （1）PSD素材搜索 （2）每一帧图片的设置 （3）过渡动画帧的设置 （4）播放时间与循环次数设置 1. 制作闪烁星星 2. 制作一个QQ动画表情

14. 本项目结束 谢谢你的聆听！