第3讲切片技术.pptVIP

* * 第3讲 Photoshop切片技术 1、 Photoshop界面组成 2、 Photoshop的工具箱 3、 Photoshop切片技术 4、 用Photoshop切片功能制作网页 1、Photoshop界面组成 （1）标题栏：位于主窗口顶端； （2）菜单栏：为所有窗口提供菜单控制； （3）图像窗口：编辑图像的区域； （4）工具箱：用有编辑图像的各种工具； （5）工具属性栏：设置工具的属性选项； （6）浮动面板：即控制面板； （7）状态栏：位于图像窗口底部； （8）快捷菜单：即右击菜单。 2、 Photoshop工具箱 3、Photoshop切片技术 Photoshop的切片步骤： ⑴打开图像 在Photoshop图像窗口中打开需切片图像； ⑵选择切片工具 从工具箱中选中切片工具，在图像上分别拖曳鼠标，按要求切开图像。 ⑶设置切片选项 选择工具箱中的切片选择工具，在切片上右击，选择“编辑切片选项”，进行切片选项设置。 ⑷存储为切片 单击“文件”菜单中的“存储为Web所用格式”命令，保存所选切片，保存类型为“HTML和图片”。 4、用Photoshop切片功能制作网页（例1） 在 “1.7.1”子目录中有两个文件“1.7.1.1.bmp”和“1.7.1.2.bmp ”，要求： （1）按照图片1.7.1.2.bmp中的切片要求，对网站主页效果图1.7.1.1.bmp图片进行切片处理； （2）以网页形式导出结果，生成的图片格式为gif文件，图片文件按照“index_序号”命名，保存到“1.7.1” 子目录中； 注意： 此时，在“1.7.1” 子目录中将生成一个“1.7.1.1.html”文件及 “images”子目录， 在“images”子目录中保存有所有切片的图片文件。 4、用Photoshop切片功能制作网页（例2） 在 “1.7.2”子目录中有两个文件“1.7.2.2.bmp”和“1.7.2.3.bmp ”，要求： （1）在“1.7.2”子目录中，创建图象文件夹 “images”； （2）按照图片1.7.2.2.bmp中的切片要求，对网站主页效果图1.7.2.3.bmp图片进行切片处理； （3）以网页形式导出结果，生成的图片格式为jpg文件，图片文件按照“index_序号”命名，保存到“1.7.2”子目录的 “images”目录下。 注意： 完成切片后请查看“1.7.2” 子目录：此时，在“1.7.2” 子目录中生成了一个“1.7.2.3.html”文件，在已有的“images”子目录中保存有所有切片的图片文件。