Phototshop的基本介绍中软国际1.5Photoshop的基础知识1.5.1Photoshop的基本介绍Photoshop是Adobe公司推出的图形图像处理软件,功能强大,广泛应用于印刷、广告设计、封面制作、网页图像制作、照片编辑等领域。Photoshop专长用于图像处理,而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理及运用一些特殊效果。重点在于对图像的处理加工;而图形创作软件是按照自己的构思创意。通俗的说photoshop的主要作用是修改图片,或者是把若干个图片拼凑成一个新的图片,并不是直接制作图片内容.前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能。在PS中,像素是组成图像的基本单元。一个图像由许多像素组成每个像素都有不同的颜色,单位面积内的像素越多,分辨率(ppi)就越高,图像的效果越好。每个小方块为一个像素,也可以称为栅格。像素1.5Photoshop的基础知识1.5.2像素位图和矢量图位图是由像素组成的,也称为像素图或者是点阵图,图的质量是由分辨率决定的。一般来讲,如果不用于,通常用72分辨率就可以,如果是用于彩色打印,则需要300分辨率左右。矢量图的组成单元是描点和路径。无论放大多少倍,它的边缘都是平滑的。尤其适用于做企业标志。1.5Photoshop的基础知识1.5.3位图和矢量图1.5Photoshop的基础知识1.5.3位图(点阵图)和矢量图适合矢量图适合位图1.5Photoshop的基础知识1.5.4分辨率分辨率:分辨率是指在单位长度内含有像素的数量。图像分辨率影响图片的显示效果的重要因素,分辨率越高,单位面积内的像素点就越多,图像越清晰,图像文件也就越大,同时,处理图像的时间也就越长,对设备的要求也就越高。常见的色彩模式包括:灰度模式、RGB模式、CMYK模式色彩模式确定图像中能显示的颜色数量,还影响图像的通道数和文件大小。(1)RGB模式是由红(R)、绿(G)、蓝(B)3中颜色的光线构成的,主要应用于显示器屏幕的显示,也被称为色光模式。每一种光线从0—255被分为256个色阶,0表示这种光线没有,255代表这种光线最饱和的状态。当三种颜色亮度相同时产生灰色,当3种亮度都是255时产生白色,当三种亮度都是0时就产生黑色(2)CMYK模式是由青(C)、品(M)、黄(Y)、黑(K)4种颜色的油墨构成的,主要应用于印刷品,因此也被称为色料模式。两两相加就形成了红、绿、蓝三色。1.5Photoshop的基础知识1.5.5色彩模式RGBCMYK1.5Photoshop的基础知识1.5.5色彩模式1.5Photoshop的基础知识1.5.6Photoshop的启动与退出Photoshop的启动与退出单击开始/程序/Photoshop7.0即可启动.或者打开一个Photoshop文件也能够启动Photoshop单击关闭按钮或按下CTRL+Q组合键或ALT+F4组合键,都可以退出Photoshop。双击启动1.5Photoshop的基础知识1.5.7Photoshop的窗口组成Photoshop的窗口组成1.5Photoshop的基础知识1.5.7Photoshop的窗口组成Photoshop的窗口组成菜单栏:提供编辑图像和控制工作界面的操作按键工具盒:显示了当前所选工具的各项属性,随当前工具的变化而变化,如果更改了参数或其它设置,想要恢复默认值,只需要鼠标右键点击选项栏最左侧的工具图标,选择“复位工具”复位当前工具的参数,“复位所有工具”会复位所用工具的选项栏参数状态栏:显示当前图像窗口的百分比比例以及文档的各种信息。文档窗口:这是图像文件的显示区域,也是编辑与处理图像的区域。其余的窗口都可以在菜单栏--〉窗口中选出来。工具栏,也叫工具箱,对图像的修饰以及绘图等工具,都从这里调用,拖动工具箱的标题栏,可移动工具箱。有些工具的右下角有一个小三角形符号,这表示在工具位置上存在一个工具组,其中包括若干个相关工具。1.5Photoshop的基础知识1.5.8工具栏选项栏(属性栏),主要是显示工具栏中所选工具的选项信息,不同的工具有不同的选项。1.5Photoshop的基础知识1.5.9选项栏图像区用来显示制作中的图像;它是Photoshop的主要工作区。同时打开两副图像,可通过单击图像窗口进行切换。1.5Photoshop的基础知识5.13工作区蓝色区域是浮动调板,用来安放制作需要的各种常用的调板。1.5Photoshop的基础知识1.5.11浮动调板每个调板的右上角(红色区域),都有一个圆形三角按钮,点击这个按钮后会出现调板功能的选项。不同的调板点击后出现的菜单也不一样。1.5Photoshop的基础知识1.5.11浮动调板每个调板的右下角(绿色区域),都有一个缩放标志,可以用鼠标拖动此处即可拉伸调板。一般可伸缩调板都有一个最小尺寸,不能无限缩小。1.5Photoshop的基础知识1.5.11浮动调板双击调板的标题区(蓝色长条),可以将调板缩成最小,但其中的功能也都不可以使用了,除非再次双击展开调板。双击标签(如下图“导航器”文字处)也有同样效果。1.5Photoshop的基础知识1.5.11浮动调板1.5.12.1新建文件用鼠标单击文件主菜单,在下拉菜单中选择新建命令,会弹出一个新建对话框,快捷键[(Ctrl+N)1.5Photoshop的基础知识1.5.12.2打开文件1.5Photoshop的基础知识1.5Photoshop基本工具1.5.12.3常用的工具1.5.12.4画笔工具和铅笔工具的使用使用画笔工具可以绘出边缘柔软的笔触。1.5Photoshop的基础知识可以撤消的步骤默认是20步。如果纪录的步骤超过20步,最新的步骤将取代最早的步骤。假设做了21步操作,消失的历史纪录是不能找回来的。历史纪录的步骤数可从Photoshop预置(Ctrl+K)“常规”中的“历史纪录状态”修改。最多为1000。如果设置太多,就会导致运行速度变慢。1.5Photoshop的基础知识1.5.12.5撤消历史记录历史记录画笔1.5Photoshop的基础知识1.5.12.5撤消历史记录打开原图层,复制该图层,将复制层转化为黑白效果1.5Photoshop的基础知识1.5.12.5撤消历史记录选择历史记录画笔,设置笔触参数,将人勾画出来,在涂抹的过程中,可以适当的调整笔触参数:1.5Photoshop的基础知识1.5.12.5撤消历史记录最终效果1.5Photoshop的基础知识1.5.12.5撤消历史记录历史记录艺术画笔打开一张图片,新建一空白图层1.5Photoshop的基础知识1.5.12.5撤消历史记录选择历史记录艺术画笔。用画笔涂抹整个画面锐化。1.5Photoshop的基础知识1.5.12.5撤消历史记录1.5Photoshop的基础操作1.5.12.6文件保存文件保存:保存ctrl+shift+s(保存格式)1.PSD格式:这是Photoshop软件的专用格式,支持网络、通道、图层等所有Photoshop的功能,可以保存图像数据的每一个细节。此格式存储的文件较大JPG/GIF/PNG(导出图)2.JPG:不支持透明半透明,所有空白区域填充白色,主要用途:网页中的大图,高清图(体积大);3.GIF:支持透明,不支持半透明,主要用途:网页中的小图标(动画图片);4.png8:支持透明,不支持半透明,主要用途:网页中的小图标;5.png24:支持透明,也支持半透明,主要用途:图像中存在半透明效果的图片;1.5Photoshop切图技能1.5.13常用快捷键ctrl+c复制ctrl+v粘贴ctrl+n新建文件ctrl+s保存空格键手抓工具ctrl+t自由变形ctrl+加号(+)放大ctrl+减号(-)缩小ctrl+r标尺ctrl+alt+shift+s储存为web格式ctrl+alt+shift+e盖印可见图层1.5Photoshop切图技能2020/1/10如何利用ps进行切图,测量两者之间的距离和吸取颜色值1.5.14Photoshop的切图切片工具设置•用切片工具进行切图——选择存储为web和设备所用格式——选择图片类型(png,jpg等)和图片品质(1-100)——第一次存储选择图1其他选项按图2界面进行设置点击存储如图3进行命名(如切片)即完成对切片的工具的设置后进行储存选择选中切片储存即可图1图21.5Photoshop切图技能1.5.14Photoshop的保存根据上面的png图片进行相应的photoshop技能操作1.5Photoshop切图技能1.5.14Photoshop的切图这个块的宽高分别是多少像素?边框的颜色值是多少?1.5Photoshop切图技能1.5.14Photoshop的度量这个块中的文字大小,以及颜色分别是什么?所有小图标裁切下来。1.5Photoshop切图技能1.5.14Photoshop的切图,保存度量测量出来图片尺寸,并且测量出来文字大小;1.5Photoshop切图技能1.5.14Photoshop的度量把图中所有文字去掉,三张图片分别截取下来,并标注它们的大小;1.5Photoshop切图技能1.5.14Photoshop的切图,度量这个块中的文字大小,以及颜色分别是什么?所有小图标裁切下来。photoshop的使用391.5Photoshop切图技能1.5.14Photoshop的切图、度量1.5.15渐变工具与油漆桶渐变工具的作用是产生逐渐变化的色彩,在设计中经常使用到色彩渐变。色彩渐变可以通过渐变工具来使用,也可以在图层样式中使用。1.5Photoshop的基础知识创建渐变时候拖拉的线条,线条的长度代表了颜色渐变的范围。但产生的渐变却充满了画面。而定义渐变的线条代表颜色从红到绿的“变化范围”。在这个范围之前和之后的,都将以单色填补。1.5Photoshop的基础知识1.5.15渐变工具与油漆桶在属性栏里,通过单击小图标,可以选择其他不同类型的渐变效果,包括:线性渐变、径向渐变、角度渐变、对称渐变和菱形渐变。这些渐变的使用方法相同,但是产生的渐变效果不同。1.5Photoshop的基础知识1.5.15渐变工具与油漆桶用鼠标单击渐变工具栏中的渐变预览图标,就会弹出渐变编辑器对话框。A单击此三角可以弹出菜单B渐变显示窗口C渐变名称栏D不透明标记E透明度中间点F渐变效果预览条G颜色标记点H透明度或颜色标记点的显示和删除栏1.5Photoshop的基础知识1.5.15渐变工具与油漆桶油漆桶工具的作用是为一块区域着色,着色方式为填充前景色或图案。油漆桶工具已经极少被使用了。1.5Photoshop的基础知识1.5.15渐变工具与油漆桶图像修饰工具图像的修饰工具包括:仿制图章、图案图章、修复、修补、模糊、锐化、涂抹、减淡、加深以及海绵工具,使用它们可以用来修复和修饰图像。1.5Photoshop的基础知识1.5.16.1仿制图章仿制图章工具/图案图章工具仿制图章工具的作用是“复印机”,它可以准确复制图像的一部分或者全部,从而产生某部分或者全部的拷贝,是修补图像时常用的工具。点击工具箱中的仿制图章工具,便出现工具选项栏。1.5Photoshop的基础知识1.5.16.1仿制图章采样点的方法是按住ALT在图像某一处单击。先在1处按住ALT键单击一下,然后在2处拖动绘制,就会看到1处的像素被复印出来了。1.5Photoshop的基础知识1.5.16.1仿制图章仿制图章工具还可以从任何一张打开的图像上取样后复制到现用图像上,但是两张图像的色次模式必须一样。1.5Photoshop的基础知识1.5.16.1仿制图章仿制图章工具实际上经常被用来修补图像中的破损之处。方法就是用周围临近的像素来填充。也可以用来改善画面。1.5Photoshop的基础知识1.5.16.1仿制图章图案图章工具可以将各种图案填充到图像中,属性栏如下:1.5Photoshop的基础知识1.5.16.2图案图章定义图案:选定了一个图案之后,在图像中按下