第二节底图制作.doc

第二节 底图制作
教学目标：学习图像的制作及装饰、保存。
教学要求：能利用软件制作简单的图像，并对图像进行装饰加工、保存。
教学重难点：对图像进行装饰加工
教学过程：
一、（1）单击菜单“文件/新建”新建一个新的图象文档，设置其宽为600象素，高为400象素，模式为RGB模式，分辨率为72象素，文档背景为白色。

（2）将工具箱中的前景色设为黑色，背景色设为白色。

（3）单击菜单“窗口 > 显示通道”，调出通道面板。

（4）单击通道面板下的新建通道按钮，新建一个Alpha 1通道。

（5）按住键盘上的【alt＋delete】键进行前景色的填充，此时页面是黑色。

（6）选择工具箱中的矩形工具，选取一个矩形范围。

（7）按键盘上的Delete键删除所选区域，露出一个白色的区域。

（8）按Ctrl+D键取消选取。

（9）单击菜单“Filter/Blur/Gauss Blur”（滤镜 > 模糊 > 高斯模糊），在弹出的对话框中设置值为50象素。点击“ok”按钮。

（10）单击菜单“Filter/Distort/Twirl..”（滤镜 > 扭曲 > 旋转扭曲），在对话框中设置扭曲角度为180度，点击ok按钮。

（11）单击菜单Filter/Pixels/Color Half...（滤镜 > 象素化 > 彩色半调命令），在对话框中设置“Max.Radius(最大半径)”为12象素，其余的为默认值，点击“ok”按钮。

（12）单击通道面板的RGB通道，回到综合同道，将前景色转换为金黄色，按键盘上的【Alt+Delete】键将图象填充为金黄色。

（13）按Ctrl键的同时单击通道面板中的Alpha 1通道。将背景色设为紫色，按键盘上的Delete键删除选区。

（14）按键盘上的【Ctrl+D】键取消选区。就得到了预览效果，如果您想要其他的颜色，可以点击菜单“Image/Adjust/Hue/Saturation...”（图象 > 调整 > 色相/饱和度）或者快捷键Ctrl+u调出色相/饱和度窗口，调整其各个值来实现自己所需的颜色。
二、在网页制作中，往往会发生这种事情，当你把辛辛苦苦制作好的图像插到网页中后，会发现这幅图像的背景颜色和网页背景颜色怎么看也不协调。图片在那里好像一块补丁，去掉吧，太可惜了，不去掉吧，看着实在别扭。这时你就要用透明的背景图像来帮忙了。关于怎么使图像的透明背景，在一些杂志中介绍了不少方法，但步骤都很麻烦，而且效果也不是太好。其实在最新的PhotoShop 5.5中，只需简单几步,就可以“搞定”一幅透明背景图像。下面就是操作步骤：
　　1. 打开你要处理的图片(可以是任何格式的)，先调整它的尺寸大小，这一点虽然与透明背景图像没有什么联系，但图像太大会影响浏览速度，谁想只为了看一幅图片而“等你等得我心疼”呢！所以，在不影响视觉效果前提下应把图像尽量缩小，而且图像的长宽要和它在网页中的大小基本一致，否则图像插入后会发生变形。调节尺寸可用Image(图像)菜单中的Image size(图像尺寸)命令。
　　2. 用套索工具选定需要的部分，这一步是为了把所需图像同原图中的不透明背景分离开来。PhotoShop 5.O以上的版本中增加了磁性套索工具，这个工具对于选定与背景颜色反差较大的部分非常方便，但也需要一定耐心，才能把所需图像完整地选下来。然后使用“Edit(编辑)”菜单项中的“Copy(复制)”命令，把所选的内容复制到剪贴板中。
　　3. 使用“File(文件)”菜单中的“New(新建)”命令新建一图像。尺寸使用对话框中的默认值，这是系统根据剪贴板中的数据给出的最小值。在“Contents”这一栏中，一定要把“Transparent(透明)”项选中，这是是否能生成透明背景图像的关健。单击“OK”后，如果不出意外的话，你会看见一幅有网格的新图像，其实这是一幅背景透明的空白图像。
　　4. 用“Edit(编辑)”菜单中的“Paste(粘贴)”命令把剪贴板的内容粘贴到新图像中，在左边的工具栏中选择移动工具，把图像移到合适的位置。到这一步，基本的操作已经完成了，记住在这里千万不要合并层，否则前面的工作就前功尽弃了。
　　5. 最后选择“File(文件)”菜单中的“Save a copy(另存为一备份)”命令保存文件，在“Save as(另存为)”选择框中选定*.gif格式，单击“OK”进入下一步。
　　6. 在下一步出现的对话框中,同样也要选择“Transparency(透明)项”,其他各项使用默认值,单击“OK”完成。
　　现在，一幅完美的透明背景图像就做成了！赶快试一试，把它插入到网页中，预览一下！怎么样，天衣无缝吧？