dreamweaver与photoshop的完美结合.ppt

Dreamweaver CS4和Photoshop CS4都是Adobe Creative Suite 4的组件，两者的整合可以提高网页制作和图像处理的效率。本章将主要介绍在Dreamweaver CS4中插入Photoshop图像，复制Photoshop选区到Dreamweaver CS4页面中以及使用Photoshop CS4制作切片。 在Dreamweaver CS4中可以直接插入Photoshop的源文件，也就是“.psd”格式的图像。系统会自动生成相应的Web图像。 可以将Photoshop选区复制到页面中。 “图像”菜单｜“图像大小” 。 使用套索工具选择选区。 复制选区。 粘贴到目标位置。 方法很多，介绍两种常用的方法： 使用选框工具选择区域｜“图层”｜“图层蒙板”｜“显示选区”｜“滤镜”｜“模糊”｜“高斯模糊”。 单击图层面板中的“蒙板”按钮 ｜再单击工具面板中的“画笔工具”｜颜色选择为黑色｜再设置画笔的硬度和不透明度｜在图层上拖动鼠标。 注： 黑色：遮住 白色：显示 方法很多，如： 选中图层｜“图像”｜“调整”｜“色相/饱和度” 选中图层｜“图像”｜“调整”｜“渐变映射” 选中图层｜“图像”｜“调整”｜“色彩平衡” 使用工具面板上文本工具输入文字 文字的格式 选中文本 单击工具栏上的设置按钮 有时我们只需要图片中的一部分，这时可以使用剪切工具把无用的部分剪掉。方法如下： 单击工具面板中的剪切工具按钮 在图层中拖动鼠标 回车确定 有时从网上下载的图片中，有我们不需要的东西，就可以使用污点修复工具把它擦除。方法如下： 选中图层 单击工具面板中的“污点修复工具”按钮 在图层中拖动鼠标 有时需要复制图片中的一部分时，就需要使用仿制图章工具进行区域复制。方法如下： 选中图层 单击工具面板中的“仿制图章工具”按钮 在工具栏中选择画笔的大小 按下Alt键，再单击要复制的区域 在目标区域单击 Photoshop CS4具有切片功能，并能够方便地导出切片（切割图片）以及包含切片的HTML文件。利用这种方法可以快速生成网页。使用方法如下： 单击工具面板中的“切片工具” 在图层中拖动鼠标 在任一切片内单击右键会弹出如下菜单： 单击“编辑切片选项”弹出如下对话框： “文件”｜“存储为Web和设备所用格式” 仅限图像(*.gif)：仅完成切割图片功能 HTML和图像(*.html)：完成切割图片和图片生成网页双重功能