网页制作教程07

《网页制作教程07》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作网页设计与制作第七讲网页图像处理安颖莲ylan@cic.tsinghua.edu.cn内容提要Photoshop基本操作使用图层、选区图像修复图像色彩调整图像优化和切片2图像文件格式通用图像格式优点：大多数软件都能支持的文件格式，如BMP、TIF、JPG、GIF、PNG等。缺点：不能包含可编辑信息。专用图像格式优点：在制作过程中，尽可能地保留可修改性。如Photoshop的专用格式是PSD，PSD格式可以比其他格式更快速地打开和保存图像，很好的保存层、通道、路径、蒙版以及压缩方案，不会导致数据丢失。缺点:很少有应用程序能够支持

2、这种格式。3认识Photoshop工作界面属性栏工具箱面板组图像编辑窗口4图像文件基本操作新建图像文件执行“文件”/“新建”或Ctrl+N图像文件名设置图像大小设置图像设置色彩模式的分辨率设置图像的背景色5图像文件基本操作保存图像文件执行“文件”/“存储为”或Ctrl+S当图像中含有图层等相关信息时才能激活相应的选项存储为web格式，方便在ImageReady中进行图像优化可保存的图像格式6图像文件基本操作打开图像文件执行“文件”/“打开”命令、Ctrl+O、直接在Photoshop界面中双击执行“文件”/“浏览”命令，打开文件浏览器7调整图像大小

3、“图像”/“图像大小”重新取样，改变相素大小8调整图像大小点阵图像是依靠像素储存每个点的信息，从而储存或再现整幅图像。由于像素数量的限制，所以点阵图像的大小是固定的。缩小或放大图像都会造成对图像的破坏。9调整画布大小画布大小是指图像四周工作区的尺寸大小“图像”／“画布大小”指定新画布大小和定位指定新画布的颜色10图层使用图层可以在不影响图像中其他图素的情况下处理某一图像。可以将图层想象成是一张张叠起来的醋酸纸。如果图层上没有图像，就可以一直看到底下的图层。Photoshop中一幅作品可由多个图层组成，每个图层中用于放置不同的图像，并通过这些图层的叠加

4、形成图像效果。更改图层的顺序和属性，可以改变图像的合成。通过图层上的透明区域可以看到底下的图层11图层面板图层面板用于显示和编辑当前图像窗口中的所有图层删除图层创建新的填充和调整图层添加蒙板添加图层样式创建新图层组创建新图层背景图层相当于绘画时最下层不透明的画纸，一幅图像只能有一个背景层，无法更改背景层的堆叠顺序、混合模式或不透明度。但是，可以将背景层转换为普通图层。12图层基本操作新建图层单击图层面板上的“创建新图层”按钮删除图层选中要删除的图层，单击图层面板中的“删除图层”按钮复制图层将需要复制的图层拖拽到“创建新图层”按钮上移动图层排列顺

5、序将需要移动的图层拖拽到需要调整的图层上，当出现一条双线时释放鼠标13图层基本操作链接图层选择需要链接成一组图层中的任何一个图层，单击需要链接的图层缩略图左侧，使其出现链接图标合并图层可将几个图层合并成一个图层，可以减小文件大小，另外要保存图像作品为psd、tif格式以外其它格式，必须要合并图层14选区的创建选区的作用：•创建选区后，通过填充等操作形成了相应的形状图形•用于选取所需的图象轮廓，以便对选区进行移动、复制等操作创建选区后，接下来进行的所有操作只对当前层的当前选区有作用设定选区边界的羽化程度新选区重叠选区增加选区减去选区15选区的创建创建

6、规则选区创建不规则选区用来选取不规则型状的图象用来选取不规则的多边形图象用来选取不规则的并与背景反差大的图象16选区的创建使用魔术棒工具选取图像中颜色相同或相近的区域控制色彩的范用于选择单独围0～255的色彩范围容差10容差2017选区应用-抠图1.选择“多边形套索”工具，勾画出运动员的轮廓使用减去选区按钮，去除多余选区2.新建文件（宽７厘米、高８厘米、分辨率：300像素/英寸、模式：RGB、背景：白色）3.使用移动工具将选区中的图像拖拽到新建的文件窗口中4.+取消选区，保存文件18选区、图层应用-合成图像1.分别打开鸟和瀑布图像2

7、.瀑布图像:•使用椭圆选框选取图像•反选（“选择”/“反选”）•羽化选取（“选择”/“羽化”）•羽化半径20•删除多余图像3.鸟图像:•用磁性套索选取区域•羽化选区（羽化半径10）•用移动工具把选区拖到瀑布图像4.合并图层并保存文件19设置绘图颜色使用色彩控制工具颜色选择区：垂直方向是明颜色色相区域度的变化水平方向是饱和度的变化20设置绘图颜色使用吸管工具可以在图像或“颜色”控制面板中吸取颜色21图像选区填充使用渐变工具可以在图像选区或图层中形成一种色彩渐变的图像效果用于使渐变更平滑编辑渐变线形径向角度对称菱形用于反向产生色彩渐变的效果用于选择着色

8、模式调整“不透明度”：使开始的颜色到结束的颜色显示透明的效果不透明性色标颜色钮2