大学PS入门平面设计技术课件

,单击此处编辑母版标题样式,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,计算机平面设计技术,2008.02,计算机平面设计技术2008.02,1,课程内容,作品的创造概述,Photoshop基本操作,平面构图的设计,色彩设计,Photoshop高级操作,课程内容作品的创造概述,2,平面设计技术,平面设计是指通过文字、图形和图像的灵活组合,产生出多种视觉效果，以表达不同情感的印刷品或,宣传品。平面设计广泛应用于广告、包装、服装、,标志、网页设计、招贴和海报等传播媒体上。随着,计算机技术的发展，平面设计被赋予了更新的概念，,已经集计算机技术、数字技术和艺术创意设计于一体。,平面设计技术 平面设计是指通过文字、图形和图像的,3,第一章 作品的创造,创作一幅好的平面设计作品应具备三方面的知识：设计理论知识、创作经验、计算机平面设计软件。,设计理论是指设计内容时应遵循的基本要素：,画面构图、色彩搭配等。创作经验是指为表达自己的创作意图所采用的具体表现手法。,第一章 作品的创造 创作一幅好的平面设计作品应具备三方面的,4,一、 创意,创作设计作品时，首先要有一个完整的想法，有一条明确的思路。有这个创作思路作为指导，才能着手开始绘制和制作。作品的思路有特点、有新意，作品才会标新立异；思路细致全面，作品的制作才能更为顺利的进行。通常我们习惯将这一思路称为创意。,创作应遵循的几个原则：,设计始终以传达信息为主要目的，决不能让作品的效果影响信息的传达。创意追求标新立异，但标新立异不等于荒诞怪异。创意始终要以创造美、传播美为主旨。,一、 创意 创作设计作品时，首先要有一个完,5,二、 收集素材,当一幅作品的创意已建立，第二步就是根据创意收集素材。,收集素材的手段：照相机、数码相机、扫描仪、网上下载等。,二、 收集素材 当一幅作品的创意已建立，第二步就是根,6,1、图象的类型,利用软件绘制出来的，以数学向量方式来记录图像信息。,以许多像素点来组成图像，每个像素各有自己的颜色。,向量图（矢量图）,点阵图（位图）,三、数字图像的概念,1、图象的类型 利用软件绘制出来的，以数学向量方,7,2、常见位图的图象格式,BMP：,保真性好，文件大。,GIF：,文件小，压缩，适合的色彩少，广泛用于网页文档中。,JPEG,：,压缩比高，适合的色彩多，压缩时存在一定程度的失真。,PSD：,Photoshop生成的图像文件。,TIFF：,通用格式。几乎所有的扫描仪和多数图象软件都支持这一格式。,EPS：,为在打印机上输出图像而开发的格式。,2、常见位图的图象格式BMP：保真性好，文件大。GIF：文件,8,3、分辨率,图像分辨率（ppi）,屏幕分辨率（dpi）,输出分辨率（dpi）,扫描仪分辨率（dpi）,图像分辨率：,图像中存储的信息量，以每英寸的像素数衡量（ppi）。,选用原则：,用于屏幕显示，则选72ppi 或96ppi；,屏幕分辨率：,屏幕上观察图像所感受到的分辨率，由显卡决定。,输出分辨率：,输出所用设备的分辨率，以每英寸上产生的点数衡量（dpi ）。,常见设备分辨率：,激光打 6001200dpi 针打 80dpi,喷墨 300720dpi pc显示器60120dpi,扫描分辨率：,扫描仪获得的分辨率，等于光学部分的分辨率+硬件和软件处理所得分辨率。,选用建议：,用于印刷的彩图 300400dpi,用于显示的彩图 72150dpi,用于ORC的文字 300dpi,3、分辨率图像分辨率（ppi）屏幕分辨率（dpi）输出分辨率,9,四、 平面设计软件,CorelDRAW10,（以矢量图绘制为主）,CorelDRAW10是加拿大的Corel公司推出的著名的平面图形图像设计软件。CorelDRAW10集设计、绘画、制作、编辑、合成、高品质输出、网页发布等功能于一体，能够制作出具有专业水准的美术作品。,Photoshop6.0,（最好的位图处理软件）,Photoshop是由美国Adobe公司开发的一个集图像扫描、编辑修改、图像制作、广告创意、图像合成以及图像输出于一体的图像制作软件。该软件及其强大的图像编辑处理功能，成为平面设计人员的首选软件。,四、 平面设计软件 CorelDRAW10（以矢量图绘制为主,10,第二章,Photoshop基本操作,文件与图像操作,关于选区的操作,颜色与填充,路径和型的应用,图像调整,图形的绘制与编辑,第二章 Photoshop基本操作文件与图像操作,11,工具箱,菜单栏,控制面板,工具栏,Photoshop的操作界面,工具箱菜单栏控制面板工具栏Photoshop的操作界面,12,工具箱包含51种工具。面板上显示20几种，其余隐藏在黑色三角符号的图标中。,工具栏显示当前所选择的工具的可供控制的信息,在控制面板上直观地设置各种参数。,在“窗口”下拉菜单中控制面板的显示和隐藏,工具箱、工具栏、控制面板,工具箱包含51种工具。面板上显示20几种，其余隐藏在,13,一、,文件与图像操作,1、文件操作,2、图像显示操作,3、改变图像尺寸,一、文件与图像操作1、文件操作2、图像显示操作3、改变图像尺,14,新建文件,1、文件操作,保存文件,打开文件,新建文件1、文件操作保存文件打开文件,15,改变窗口的位置和尺寸,2、图像显示操作,新建图像窗口,观察图像,在图像中使用标尺,改变窗口的位置和尺寸2、图像显示操作新建图像窗口观察图像在图,16,修改图像尺寸和分辨率,3、改变图像尺寸,菜单：图像图像大小,修改画布尺寸,菜单：图像画布大小,旋转画布,菜单：图像旋转画布,用裁剪工具裁剪图像,修改图像尺寸和分辨率3、改变图像尺寸菜单：图像图像大小修改,17,二、,关于选区的操作,创建选择区的方法,选择区的调整,选择区的剪切、复制、粘贴,选区边沿的修饰,二、关于选区的操作 创建选择区的方法,18,1、创建选区的方法,利用选取框建立选区,利用套索工具建立选区,利用魔术棒建立选区,1、创建选区的方法利用选取框建立选区,19,选取框,适合选择规则形状的选区。,选取框 适合选择规则形状的选区。,20,选取框的选择项,羽化,软化选区的边沿，使之产生晕开的效果。,消除锯齿,使选区的边沿，变得较为平滑。,相交选区,从选区中减去,添加到选区,创建新选区,选取框的选择项羽化软化选区的边沿，使之产生晕开的效果。消除锯,21,套 索,适合选择不规则、形状复杂的的选区。,创建自由选区,创建多边形选区,通过自动对齐图像边缘来创建复杂选区,套 索 适合选择不规则、形状复杂的的选区。创建自由选区创,22,魔术棒,适合选择不规则形状但颜色一致的选区。,魔术棒 适合选择不规则形状但颜色一致的选区。,23,魔术棒的选择项,容差,控制“魔棒”选取的颜色范围，值越小，颜色越接近。,连续的,选择连续区域,用于所有图层,对当前显示的所有图层进行分析。,魔术棒的选择项容差控制“魔棒”选取的颜色范围，值越小，颜色越,24,选区的运算,相交选区,从选区中减去,添加到选区,创建新选区,选区的运算相交选区从选区中减去添加到选区创建新选区,25,利用“色彩范围”制作选区,利用“色彩范围”制作选区,26,抽出,将部分图像从整幅图像中抽出。,抽出 将部分图像从整幅图像中抽出。,27,全选, 将整幅图像完全选中。,全选 将整幅图像完全选中。,28,反 选,适合于不选的区域易于选中的图像。,反 选 适合于不选的区域易于选中的图像。,29,2、选区的调整,移动选区,移动时按下 Shift键，只能沿水平、垂直或45移动,移动时按下 Ctrl键，可移动选区中的图象。,激活 工具，可移动选区中的图象。,2、选区的调整移动选区移动时按下 Shift键，只能沿水平、,30,变换选区,扭曲选区,拖动句柄时同时按下Ctrl键,旋转选区,改变选区大小,改变选区大小、翻转或扭曲,变换选区扭曲选区拖动句柄时同时按下Ctrl键旋转选区改变选,31,3、修改已有选区,3、修改已有选区,32,4、选区边缘的修饰,给选区描边,羽化选区边,4、选区边缘的修饰 给选区描边,33,给选区加边,菜单：编辑描边,该命令使用前景色为选区增加一个边界或轮廓。描边宽度可以设置（116像素）。,给选区加边菜单：编辑描边,34,羽化选区边,羽化选区边,35,实例 1,实例 1,36,实例 2,实例 2,37,三、颜色与填充,了解关于颜色的基本概念,了解各种颜色模式以及转换,颜色拾取的方法和颜色面板,前景色和背景色,渐变填充,三、颜色与填充了解关于颜色的基本概念,38,色彩的来源 光,1、 颜色知识,色彩的来源 光1、 颜色知识,39,肉眼可见光,肉眼可见光,40,色相（Hue）：,色相是区别不同色彩的名称。十二色相称为基础色相,。,色彩的三属性,色相（Hue）：色彩的三属性,41,明度（Value）：,指色彩明暗的程度。色彩会因为光线的强弱而产生明暗的变化。,色彩的三属性,明度（Value）：色彩的三属性,42,纯度（Chroma）：,是指色彩鲜艳的程度。纯度最高的颜色是色调中最强的颜色，为纯色。,色彩的三属性,纯度（Chroma）：色彩的三属性,43,色光三原色,色彩的混合,加法混色法,色光三原色色彩的混合加法混色法,44,色彩的三属性,颜料三原色,减法混色法,色彩的三属性颜料三原色 减法混色法,45,RGB模式：,就是用,红色、绿色和蓝色 (RGB),三原色为基础构成的颜色模式,。,监视器是通过发射出三种不同强度的光束来产生颜色的。,在Photoshop的RGB颜色模式中，可通过对红、绿、蓝的各种强度值进行组合来改变像素的颜色。这三种基色中的每一种都有0255的范围。,用于显示、印刷和存储图像的色彩形式。,2、颜色模式,RGB模式：用于显示、印刷和存储图像的色彩形式。2、颜色模,46,CMYK模式：,这是印刷所采用的颜色模式。它是由,青（cyan） 品红（magenta）黄（yellow） 黑（black）,共同合成。,CMYK四原色,印刷纸只能吸收和反射光线， 所以要用RGB的补色CMYK来产生颜色。,CMYK模式：CMYK四原色 印刷纸只能吸收和,47,Lab模式：,L（亮度） a（由绿至红） b（由蓝至黄）,L的取值范围为1100，a和b的取值范围均为-120120。,通常情况下， Lab模式很少使用。该模式是,Photoshop的内部模式，用于颜色模式之间的转换。,Lab模式是目前所有模式中包含色彩范围最广的颜色模式。,Lab模式：,48,Bitmap位图模式,每个像素由一种颜色组成（黑或白）。,索引色模式,基于只有256种颜色的颜色面板。,灰度模式,用256种灰度来表现图像。,Bitmap位图模式索引色模式灰度模式,49,2、颜色模型, 显示和调配颜色的方法。,HSB模型,LAB模型,RGB模型,CMYK模型,2、颜色模型 显示和调配颜色的方法。HSB模型LAB模型,50,3.前景色/背景色,前景色,背景色,缺省设置,互换按钮,3.前景色/背景色前景色背景色缺省设置互换按钮,51,4.颜色拾取器,可以拾取图像某点的颜色，来作为前色或背景色，也可查看某种颜色模的数值。,4.颜色拾取器可以拾取图像某点的颜色，来作为前色或背景色，也,52,5.填充选区,5.填充选区,53,填充前景色或背景色,填充前景色或背景色,54,填充自制图案,（1）自制图案,选区所需图案后，执行菜单：编辑定义图案。,（2）填充图案,建立需填充图案的选区后，执行菜单：编辑填充。,填充自制图案（1）自制图案（2）填充图案,55,6、使用“油漆桶”填充,可以使用前景色或一种图案快速填充图像区。,填充图案：,填充区域：由点击处像素与其周围像素相似性决定。工作方式与“魔棒”相似。,“魔棒”与“油漆桶”的区别：,“魔棒”根据“容差”值选择区域。,“油漆桶”根据“容差”值设置绘图区，并在其上填色。还可以用来给选区填色。,6、使用“油漆桶”填充 可以使用前景色或一种图案快速填,56,7、渐变填充,用于使用混合色来填充一幅图像或一个选区。,渐变,7、渐变填充 用于使用混合色来填充一幅图像或一个选区。,57,选择渐变方式,线性,菱形,反射,放射,圆形,选择渐变方式线性菱形反射放射圆形,58,渐变图案的选择与设置,透明度桶,颜色桶,渐变颜色条,渐变图案的选择与设置透明度桶颜色桶渐变颜色条,59,【例1】 百叶窗下的静物,【例1】 百叶窗下的静物,60,可以想象一个图层就是一张透明的纸。在制作图像时，把不同内容放到不同的层中。这样当需要对某内容编辑修改时，不会影响其他图层上的内容，使得图像处理工作方便、快速。,四、图层,可以想象一个图层就是一张透明的纸。在制作图像时，,61,1、图层控制面板,创建新层,删除层,层显示标志,链接标志,当前层,层预览缩图,图层名,1、图层控制面板创建新层删除层层显示标志链接标志当前层层预览,62,将选定的图层拖到此处,复制,将选定的图层拖到此处,删除,2、删除、复制和移动图层,复制选区中的图像，并用其建立新的图层,建立选区后，点击鼠标右键,将选定的图层拖到此处复制将选定的图层拖到此处删除2、,63,3、调整图层的叠放位置,图层在图层列表中是自上而下叠放的，上面的图层总是覆盖下面的图层，通过调整图层的位置，可以获得不同的图像处理效果。,3、调整图层的叠放位置 图层在图层列表中是自上而下叠,64,4、图层的链接,链接的图层将成为相关的一组，对其中某一层的操作，其他层也同样有效。,例如：放大、缩小、移动、对齐等。,4、图层的链接 链接的图层将成为相关的一组，对其中某一,65,4、图层的链接,将图层链接后，可进行各链接层对齐操作。,以当前层为准，对各链接层重新排列。,4、图层的链接将图层链接后，可进行各链接层对齐操作。以当前层,66,5、图层的合并,根据需要，在确定了图层内容的特性和位置后，可以将图层与一个或多个图层合并，以方便操作管理，减少文件大小。,5、图层的合并 根据需要，在确定了图层内容的特性和位置后,67,【例1】,制作光盘,制作步骤：,1、建立新的图像文件，,在图像中画一个同心圆，,用蓝色填充,2、执行“滤镜/渲染/灯光效,果”，给同心圆打上灯光,。,3、选定比小圆更大的一,部分圆形，执行“图像/调,整/亮度/对比度”，降低一,些亮度，取消选择区域。,4、建立一个新层，使用渐,变工具，渐变方式为彩虹,从上到下产生渐变方式。,5、执行“编辑/变形/透视”，,把层变形为三角形，其中,三角形的一角为光盘的圆心。,6、将层的渐变方式改为“叠,加”方式，并且执行“滤镜/模,糊/高斯模糊”将层模糊7-10,个像素。,7、使用同样的方法在光盘,的上、下、左变产生同样,的效果。,8、执行“编辑/描边” 给光盘,边缘描上黑边。,【例1】制作光盘制作步骤：1、建立新的图像文件，2、执行“滤,68,【例2】,制作立体图像,光源,亮部,高光,暗部,明暗交界,反光,【例2】制作立体图像光源亮部高光暗部明暗交界反光,69,【例2】,制作立体图像,制作步骤：,1、新建文件，800600，分辨率96。,2、用线性渐变工具将背景填上渐变色。,3、新建一图层，建立一圆形选区，用渐变色填充，得到立体圆球。,4、新建一图层2，建立一矩形选区，用渐变色填充。,5、新建一图层3，建立一椭圆形选区，用灰色填充，使椭圆形选区浮雕，回到图层2，向下移动选区到合适位置，增加矩形选区，反选，删除多余部分,6、合并图层3和图层2。完成圆柱。,【例2】制作立体图像制作步骤：1、新建文件，800600，,70,【例2】,制作立体图像,制作步骤：,7、新建图层3，建立矩形选区，填充渐变色。,8、新建图层3，用“编辑/变形/透视”，将矩形改为三角形。,9、制作圆锥底部，方法同上。,10、新建图层4，建立正方形选区，填充灰色。,11、复制“图层4”得“图层4副本”，对其调整“亮度/对比度”。,12、复制“图层4副本”得“图层4副本1”，对其调整“亮度/对比度”。,13、回到“图层4”，进行透视变形（角度-45，V=30，H=0）,14、回到“图层4副本”，进行透视变形（角度0，V=45，H=0）,15、回到“图层4副本1”，进行透视变形（角度0，V=15，H=0）,【例2】制作立体图像制作步骤：7、新建图层3，建立矩形选区，,71,【例3】,制作金属线,【例3】制作金属线,72,【例4】,制作像框,【例4】制作像框,73,