第23讲 网页动画的设计.ppt

文档介绍：第二十三课 网页动画设计
教学目的:
通过本节课学习,使学员在Photoshop中制作动画-切片
本节主要内容:
1、切片工具组(重点、难点)
2、图像映射(难点)
3、动画(重点)
4、优化图像(重点)
任务一、切片工具组
1、切片工具
2、切片选择工具
1、使用切片工具;
2、从参考线创建切片:
向图像中添加参考线,选择切片工具,然后在选项栏中点按“基于参考线的切片”。
一、创建切片:
3、从选区创建切片(ImageReady):
“选择”>“从选区中创建切片”。
4、创建基于图层的切片:
“图层”>“基于新建图层的切片”。
切片的编辑包括:位置、大小的调整、切片重新划分。
二、编辑切片:
1、将自动切片转换为用户切片:
用切片选取工具选择自动切片,在属性栏中点按“提升到用户切片”。
2、切片选项设置:指定切片数据出现在 Web 浏览器中的方式。
类型:图像或无图像
①图像:切片区显示图像内容
②无图像:切片区为非图像区,在浏览器中该区域将显示纯色或文字,由于不含图像数据,因此下载速度会更快。