网页设计与制作第1-1Ps基础

主讲教师：李昆霖DreamweaverFlashPhotoshopDreamweaverFlashPhotoshopPhotoshop基础知识图像的基本编辑方法基本工具的使用图层的应用文字工具与图层样式的高级应用

PhotoshopCS5是一款功能强大的图像处理软件，它可以制作出完美、不可思议的合成图像，也可以对照片的修复，还可以制作出精美的图案设计、专业印刷设计、网页设计、包装设计等，可谓无所不能，因此，PhotoshopCS5常用于平面设计、广告制作、数码照片处理、插画设计、以及最新的3D效果制作等领域。PhotoshopCS5是什么？Photoshop的应用在平面广告设计中的应用平面设计是Photoshop应用最为广泛的领域，无论是书籍画册还是海报招贴，这些与印刷相关的平面印刷品，基本上都采用Photoshop软件进行图像的编辑处理。在照片后期处理中的应用

Photoshop具有强大的图像修饰功能。利用这些功能，可以快速修复一张破损的老照片，也可以修复人脸上的斑点等缺陷。常被用于摄影照片的后期处理，调整照片的光影、色调、修复等。在图像特效合成中的应用

Photoshop具有强大的图像合成功能，常被用于图像特效合成。此类设计在视觉上具有强劲的冲击力，能在第一时间吸引人们的视线。在插画设计中的应用

Photoshop软件不仅可以进行图像处理与合成，在插画绘制中常常运用Photoshop中的画笔工具、图层混合模式、色阶命令、色相饱和度命令等多种功能，进行插画作品绘制。在网页设计中的应用掌握Photoshop的应用不仅可以制作平面印刷作品，在网页设计中，Photoshop也是必不可少的网页图像处理软件。启动和关闭PhotoshopCS5

在处理图像之前，必须启动PhotoshopCS5软件1.启动PhotoshopCS5

常见的启动PhotoshopCS5的方法是双击桌面的PhotoshopCS5快捷方式图标，这里介绍另外两种启动PhotoshopCS5软件的方法。方法1：在桌面左下角单击“开始”按钮，在弹出的“开始”菜单中执行“所有程序>AdobePhotoshopCS5”命令，即可启动PhotoshopCS5。方法2：双击关联Photoshopcs5的图像文件的图标，同样可以启动PhotoshopCS5。2.关闭Photoshopcs5方法1：执行“文件>退出”命令。方法2：单击界面右上角的“关闭”按钮。方法3：按快捷键Ctrl+Q。认识PhotoshopCS5的工作界面应用程序栏选项栏工具箱菜单栏面板工作区

状态栏

启动PhotoshopCS5软件后，执行“文件>新建”命令，新建文件；或执行“文件>打开”命令，打开已有的素材图像，即可进入工作界面。工作界面的结构如下图所示：玩转菜单栏菜单栏中包含Photoshop软件中的所有命令，通过这些命令可以实现对图像的操作。PhotoshopCS5中包含11个菜单，分别为“文件”菜单、“编辑”菜单、“图像”菜单、“图层”菜单、“选择”菜单、“滤镜”菜单、“分析”菜单、“3D”菜单、“视图”菜单、“窗口”菜单和“帮助”菜单。熟悉工具箱的工具分类

Photoshop中的工具箱中包含了该软件的所有工具。在工具箱中工具图标右下角带有小三角形的按钮上按住鼠标左键，或者在工具图标上右击，都会弹出下拉菜单，显示隐藏工具。单击工具箱顶端的按钮，可以将单栏显示的工具箱调整为双栏显示。掌握工具选项栏的特点

选项栏用于设置工具的选项，不同工具的选项栏的参数设置也不同。

魔棒工具的选项栏

矩形选框工具的选项栏

在图像处理中，可以根据需要在选项栏中设置不同的参数。设置的参数不同，得到的图像效果也不同。认识工作区与状态栏

工作区是在Photoshop中进行图像处理的主要区域，在此可以同时打开多个窗口，进行同时操作。对图像文件进行任何操作都会直观地反映在图像窗口中。了解调整面板类型

在处理图像的过程中，可以打开或关闭面板，也可以根据实际情况对面板进行不同的组合。工具预设的作用

“工具预设”调整面板是photoshop为了方便用户保存和调用特定设置的工具箱工具而设的一个功能。可以使用选项栏中的“工具预设”拾色器、“工具预设”调板和“预设管理器”载入、编辑和创建工具预设库。

图像原理位图和矢量图

1.位图

位图图像是由像素描述的，像素的多少决定了位图图像的显示质量和文件大小。单位面积的位图图像包含的像素越多，分辨率越高，显示越清晰，文件所占的空间也就越大。反之，图像就越模糊，所占的空间也越小。对位图图像进行缩放时，图像的清晰度会受影响。当图像放大到一定程度时，就会出现锯齿一样的边缘。2.矢量图

用于描述矢量图的线段和曲线称为对象，每个对象都是独立的实体，具有颜色、形状、轮廓、大小和屏幕位置等属性，而且不会影响图中其他对象。矢量图的清晰度与分辨率的大小无关，对矢量图形进行缩放时，图形对象仍保持原有的清晰度。2.分辨率分辨率是图像的一个重要属性，用来衡量图像的细节表现力和技术参数。分辨率可分为图像分辨率、显示器分辨率、扫描仪分辨率、打印机分辨率等。像素与分辨率1.像素像素是构成图像的最基本的单位，是一种虚拟的单位，只能存在于电脑中。颜色模式图像的颜色模式直接影响图像的效果，一般分为位图模式、灰度模式、双色调模式、索引颜色模式、RGB颜色模式、CMYK颜色模式、Lab颜色模式、多通道模式。图像文件格式在Photoshop中，提供了多种图像文件格式。根据不同的需要，可以选择不同的文件格式保存图像。图像文件格式包括PSD格式、BMP格式、PDF格式、JPEG格式、GIF格式、TGA格式、TIFF格式、PNG

格式等了解图像大小

在平面广告制作之前首先要对图像进行建立，在建立图像文件的过程中，需要对图像的大小进行设置，根据画面规定进行图像大小设置。设置分辨率

分辨率是衡量相同大小图像的像素点的技术参考，也就是图像的清晰度。位图图像的分辨率可以任意设置和修改。下面主要对图像分辨率的设置进行讲解。选择存储文件格式

在Photoshop保存对话框中虽然提供了较多的格式供选择，但通常情况下我们都会将素材文件保存为PSD格式、PIG格式、JPEG格式、PNG格式等几个常用的格式。PSD格式GIF格式

将图像保存为此格式时，可以将图像的指定区域设置为透明状态，而且可以赋予图像动画效果。JPEG格式将素材文件保存为此种格式时，将会把图像的文件容量进行缩小，是一种压缩式的保存方式。PNG格式采用PNG格式保存图像与JPEG不同的是，PNG格式是一种无损失的压缩方式，并且PNG还支持通道定义的透明等级。TIFF格式该格式是一种无损压缩的保存方式，即保存为此格式时，不会造成图像的丢失，且原图像的质量不会受到任何影响，一般用于设计作品输出格式。BMP格式该格式是微软考发的MicrosftPain的固有格式，大多数软件支持这种格式，BMP格式采用RLE无损压缩，对图像质量不会产生影响。保留图层文件格式

PSD格式与TIFF格式都可以对图像的图层进行保存，便于对图像进行保存后还能对图像进行再次打开，对图像进行修改。在对TIFF格式进行保持时，在“存储为”对话框中选择TIFF格式，勾选“图层”与“Alpha通道”复选框，在保持图像的同时对图像的图层与通道进行保存，真正达到无损压缩图像存储。

储存为Web和设备所用格式

新建文件

启动Photoshopcs5，执行“文件>新建”命令，在弹出的“新建”对话框中可以设置文件大小、分辨率、颜色模式等。这里主要详细介绍“新建”对话框中的各项参数设置，如下图所示。存储文件存储文件就是将打开或编辑后的图像文件保存到磁盘中。如果已经是储存后的图像文件，则会自动以原有的图像格式和名称进行保存。下面详细介绍“存储为”对话框中的参数设置，如下图所示。导入和导出文件在Photoshop中编辑图像文件时，常常需要使用在其他软件中处理过的图像文件，因此在Photoshop中，导入和导出文件是经常会用到的操作。置入文件在Photoshop中，执行“文件>置入”命令，可以将EPS格式、PDF格式、TIFF格式等多种文件置入到Photoshop图像窗口中。首选项设置包括常规、界面、文件处理、性能、光标等选项设置，在图像处理中，根据需要，可以通过首选项设置更改操作环境。常规设置1.设置常规2.设置界面3.设置文件处理4.设置光标5.设置透明度与色域6.设置参考线、网格、切片7.设置文字性能设置编辑图像时，Photoshop使用操作系统所在的硬盘驱动器作为主暂存盘。要想加快Photoshop的运行速度，就得确保主暂存盘有足够可用空间。单位与标尺设置在处理图像时，利用标尺可以精确地确定图像的位置，在“首选项”对话框中可设置标尺。执行“编辑>首选项>性能”命令，打开相应对话框。网格与参考线设置

网格和参考线也是用于精确地确定图像或元素的具体位置。设置键盘快捷键

在Photoshop中用户可以自己定于各菜单选项或工具、面板相关命令的快捷键，或者对原有快捷键进行调整。并且可以将快捷键列表以Web文档方式进行简单整理并保存。设置菜单

Photoshop提供了显示或隐藏菜单的功能，可以根据需要显示和隐藏指定的菜单命令，以使设计师可以自定义常用的菜单显示方案。使用该功能能够指定菜单命令的显示颜色，以辨认不同的菜单命令。颜色的基本属性颜色是一个平面作品中重要的构成元素之一，通过不同的颜色所产生的画面效果是不同的。颜色主要以色调、明度、饱和度3个方面出现在人们的视线。颜色模式

Photoshopcs5中可以通过“图像>模式”命令，在弹出的各项命令调整图像，变换图像的颜色模式，其中常见的模式有位图模式、灰度模式、双色调模式、索引颜色模式、RGB模式、CMYK模式、、Lab模式等。辅助工具应用缩放工具缩放工具常用于查看图像局部区域。当打开图像时，为了方便观察图像的细节，这时就要用到缩放工具。抓手工具当图像放大到图像窗口无法完全