Photoshop-平面设计与制作

Photoshop平面设计与制作章节安排第一章PhotoshopCS5基本知识▪初识PhotoshopCS5▪PhotoshopCS5的操作界面第二章平面设计概述▪平面设计概述▪形式美的构成因素及基本原则▪平面设计综合实例第三章标志设计▪标志的功能▪标志的类别与特点▪标志设计的基本原则▪标志设计实例解析第四章字效设计▪字效设计的原则▪字效设计实例解析第五章平面广告设计▪广告概述▪广告设计实例解析第六章包装设计▪包装设计概述▪产品包装设计的基本构成要素▪产品包装设计实例解析第七章印前设计▪印前作业的相关知识▪印前设计的内容▪印前设计的工作要点▪印前设计的工作流程▪分辨率▪图像的输出与打印▪印前设计实例解析第八章综合实例解析▪毛发镂空通道技巧▪电影海报：金色嘣嘣球▪个性水晶框的制作▪酷炫文字制作▪乳酪文字制作第一章PhotoshopCS5的基础知识▪教学目的：掌握PhotoshopCS5的基本使用方法，了解各种面板的作用、图像的储存方法。▪教学重点：⑴熟悉PhotoshopCS5的操作界面⑵PhotoshopCS5中主要工具的使用⑶不同面板的功能第一章PhotoshopCS5的基础知识1.1初识PhotoshopCS51.1.1PhotoshopCS5的相关简介1.1.2图像处理的基本知识1.1.3Photoshop的广泛应用1.2PhotoshopCS5的操作界面1.2.1打开图像窗口1.2.2调整工具箱和面板1.2.3组合/拆分/切换面板1.2.4创建新文件并保存1.2.5在PhotoshopCS5中设置文件格式1.1.1PhotoshopCS5的相关简介1.1初识PhotoshopCS5Photoshop是Adobe公司开发的优秀图像处理软件，是目前使用最广泛的图形图像处理软件之一，它在图像创作、图像修饰、图形编辑、彩色绘图、网页制作等方面都具有强大的功能。▪Adobe公司▪Photoshop的发展▪Photoshop的应用领域▪PhotoshopCS5的安装▪PhotoshopCS5增强的功能1.1初识PhotoshopCS5▪Adobe公司Adobe公司成立于1982年，是美国最大的个人电脑软件公司之一。旗下的软件有：Photoshop，Illustrator,Firework（图形处理）AfterEffects，AdobePremiere（视频处理）AdobeReader（浏览器），CoolEditPro（声音处理）Dreamweaver（网页制作），Flash，FlashMediaServer（动画制作）Photoshop是迄今为止世界上最畅销的图象编辑软件。它已成为许多涉及图像处理的行业的标准，同时是Adobe公司最大的收入来源。1.1初识PhotoshopCS5▪Photoshop的发展•1987年，Knoll兄弟编写了一个灰阶图像显示程序，即Photoshop0.87。•1988年，Adobe公司买下了Photoshop的发行权。•1990年，Photoshop1.0发布，那个时候只有100K大小，从功能上来说仅是有了“工具面板”和少量的滤镜。•1991年，Photoshop2.0发布，Adobe成为行业标准，增加了“路径”功能，以及内存分配从以前的2MB扩展到了4MB，同时支持Illustrator文件格式。•1992年，Photoshop2.5发布，第一个MSWindows版本，Photoshop2.5.1发布，Photoshop才可以在Windows系统上运行，以此Photoshop不再是为专业的平面设计师所专用，而是面向大众普通用户。在此，2.5版本增加了“Dodge”(减淡)和“Burn（加深）”工具，以及“蒙版”概念。•1994年，Photoshop3.0发布，代号TigerMountain，在功能上增加了“图层”，这是一个极其重要的发展标志。•1995年末，由于技术问题Photoshop3.0终止运行。•1996年末，Photoshop4.0发布，代号BigElectricCat，Adobe买断了Photoshop的所有权。4.0版本增加了动作功能，调整层，标明版权的水印图像。1.1初识PhotoshopCS5▪Photoshop的发展•1998年，Photoshop5.0发布，增加了历史面板、图层样式、撤消功能、垂直书写文字、魔术套索工具，其中最具创造性的新增了历史动作功能；Adobe公司终于认识到了中国市场的存在，也就是从5.0.2版本开始，Photoshop首次向中国用户设计了中文版，对于我们中国用户来说，真正开始体验到Photoshop强大的图形处理功能应该是从5.02版本开始。1988年，Adobe公司买下了Photoshop的发行权。•1999年，Photoshop5.5发布，ImageReady2.0捆绑发布，我们现在所使用的Photoshop捆绑ImageReady套装软件，是从1998年发布的5.5版本开始的。•2000年，Photoshop6.0发布。以后所有的Photoshop软件都将自动安装ImageReady。由于网络时代的到来，真正意义上数字暗房是从6.0开始，其显著标志就是在6.0版本的功能上，增加了强大的Web功能，包括众多的Web工具，包括Web-safe色彩面板，现在我们常用的“形状”工具是在2000年9月推出的Photoshop6.0版本中增加的新功能，还增加了矢量绘图工具，新的工具栏，扩展的Web工具包，增强的层管理功能。•2002年3月Photoshop7.0版本发布，在功能上增加了“HealingBrush”笔刷，以及迎合数码时代的到来，Photoshop具有了强大的数码图像编辑功能，奠定了现在的数字照片处理首选软件老大的地位。1.1初识PhotoshopCS5▪Photoshop的发展•2003年，PhotoshopCS(8.0)发布。它集成了Adobe的其它软件形成了PhotoshopCreativeSuite套装，功能上增加了镜头模糊、镜头畸变修正、智能调节不同地区亮度的数码相片修正功能。•2005年，PhotoshopCS2(9.0)发布。•2007年，PhotoshopCS3（10.0）发布。•2009年，AdobePhotoshopCS4Extended（11.0）发布。•2010年,AdobePhotoshopCS5Extended（12.0）发布。CS5比CS4多了内容识别和操控变形功能。1.1初识PhotoshopCS5▪Photoshop的应用领域Photoshop的应用领域制作电子出版物室内效果图后期制作商业摄影后期处理网页设计素材制作印刷出版图形制作图形创意艺术文字图标制作影像创意手绘、插画处理三维贴图1.1初识PhotoshopCS5▪PhotoshopCS5的安装•操作系统：MicrosoftWindowsXP以上版本•内存：内存不少于1GB（建议使用2G以上的内存）•硬盘：硬盘的容量至少1GB，建议使用10GB以上的硬盘。安装需要1GB的可用硬盘空间，在实际的安装过程中因解压等因素，可能还需要额外的硬盘空间。•显卡：要求分辨率不低于1024×768屏幕(推荐1280×800)，配备符合条件的硬件加速OpenGL图形卡、16位颜色和256MBVRAM。支持OpenGL和SM3.0的独立显卡。•具体操作：（一）安装（二）运行（三）退出（四）用桌面快捷方式快速启动程序“开始”按钮——程序——AdobePhotoshopcs5（右击鼠标）——发送到——桌面快捷方式1.1初识PhotoshopCS5▪PhotoshopCS5增强的功能•更简单的用户界面管理•新增的“MiniBridge中浏览”命令•智能选区•内容识别型填充•自由操控变形•出众的HDR成像•出众的黑白转换•出众的绘图效果•自动镜头校正•增强的“合并到HDRPro”命令•最新的原始图像处理•高效的工作流程•自动镜头校正•新增的GPU加速功能1.1.2图像处理的基本知识1.1初识PhotoshopCS5（1）图像的类型（2）图像的分辨率、像素、通道和图层（3）图像的文件格式（4）图像的色彩模式1.1初识PhotoshopCS5（1）图像的类型计算机图像分为两类——位图与矢量图▪位图又称点阵图像、栅格图像、像素图像或者绘制图像，是由称作像素（图片元素）的单个点组成。这些点可以进行不同的排列和染色，从而构成图样。当放大位图时，可以看见构成整个图像的无数个小方块。广泛用于照片处理、数字绘画等领域。优点：可以优化微小细节，进行显著改动，以及增强效果。表现生动的物体质感和丰富的光影等效果。缺点：其清晰度与分辨率有关，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像会出现锯齿边缘，图片不清晰。1.1初识PhotoshopCS51.1初识PhotoshopCS5▪矢量图矢量图是由一系列的数学公式来表达的直线和曲线所构成，构成这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等。其基本组成单元是锚点和路径。矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。适用于图形设计、文字设计和一些标志设计、版式设计等。这些标志无论用于商业信纸，还是招贴广告，只用一个电子文件就能满足要求，可随时缩放，而效果同样清晰。例如：一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。优点：线条非常光滑、流畅，无论放大、缩小或旋转等都不会失真。缺点：难以表现色彩层次丰富的逼真图像效果。1.1初识PhotoshopCS51.1初识PhotoshopCS5（2）图像的分辨率、像素、通道和图层▪分辨率正确理解图像分辨率和图像之间的关系对于了解Photoshop的工作原理非常重要。图像分辨率是指单位长度上的像素数，单位是“像素/英寸”（ppi），它是衡量图像细节表现力的技术参数。简单讲即是电脑的图像给读者自己观看的清晰与模糊。图像尺寸与图像大小及分辩率的关系：如图像尺寸大，分辩率大，文件较大，所占内存大，电脑处理速度会慢，相反，任意一个因素减少，处理速度都会加快。如果图像分辨率是300ppi，就表示在每英寸长度内包含300个像素。图像分辨率越高，意味着每英寸所包含的像素越多，图像细节越丰富，颜色过渡越平滑。1.1初识PhotoshopCS5位图的质量由分辨率决定，单位长度的像素越高，分辨率越高，图像的效果越好。以分辨率为1024×768的屏幕来说，即每一条水平线上包含有1024个像素点，共有768条线，即扫描列数为1024列，行数为768行。常用分辨率：▪屏幕：分辨率设置为65-96像素／英寸。▪报纸：分辨率设置为120-150像素／英寸。▪挂网印刷、周刊杂志：分辨率设置为150-200像素／英寸。▪商业印刷：分辨率设置为200像素／英寸。▪艺术书籍、高档彩色印刷：分辨率设置为300像素／英寸。▪完全满足任何输出要求：设置的分辨率要求大于300像素／英寸。1.1初识PhotoshopCS5分辨率较低1.1初识PhotoshopCS5分辨率较高1.1初识PhotoshopCS5▪像素：在Photoshop中，像素（Pixel）是组成图像的基本单元，它是一个小的方形的颜色块。图像通常由被排成横行或纵列的许多像素组成。当图像被放到足够大时，就可以看到图像中出现类似马赛克的颜色块，每一个颜色块就是一个像素，也可称之为栅格。1.1初识PhotoshopCS5▪通道：存放图像中的颜色信息在PS中，通道是指色彩的范围，一般情况下，一种基本色为一个通道。位图模式、灰度模式、双色调模式和索引颜色模式中只有一个通道；RGB模式和Lab模式中有三个通道；CMYK模式中有四个通道。如RGB颜色，R为红色，所以R通道的范围为红色，G为绿色，B为蓝色。1.1初识PhotoshopCS51.1初识PhotoshopCS5▪图层：在PS中，一般多是用到多个图层制作一幅作品。每一层好象是一张透明纸，叠放在一起就是