电子商务网站建设与管理-电子教案版第四章

电子商务网站建设与管理高职高专“十二五”电子商务系列规划教材这是一家厂商的“烧录机”平面广告，广告词为“没有什么不能烧”。1、创意这是典型的夸张型表现手法，以夸张的画面吸引受众眼球，突出产品特点。受众无不被充满震撼和趣味的画面所吸引。在信息快餐化的时代，留住读者的眼球就是成功。此则广告即使不阅读画面下方的文案，也能通过“没有什么不能烧”的广告语读懂一切。2、平面制作该作品制作方案较为简单。首先通过实拍的方式拍下人物主体，然后在Photoshop中通过“EyeCandy外挂滤镜”，对人物辫子局部制作“火焰”效果。此广告的制作重点在于火焰制作（见图4-1和4-2）。第四章PhotoshopCS6技术“没有什么不能烧”引导案例图4-1火焰制作图4-2火焰制作（续）图4-2火焰制作（续）第四章PhotoshopCS6技术了解PhotoshopCS6的基本概念和功能熟悉PhotoshopCS6的操作界面掌握PhotoshopCS6的基础操作1、PhotoshopCS6的定义及发展史Photoshop是Adobe公司推出的一款使用广泛、功能强大的图形图像处理软件。1990年2月，Photoshop版本1.0.7正式发行，第一个版本只有一个800KB的软盘（Mac）。1991年6月，Adobe发布了Photoshop2.0（代号FastEddy），提供了很多更新的工具，如矢量编辑软件Illustrator、CMYK颜色及Pentool（钢笔工具）。1992年，Photoshop的可视化界面更加丰富。1994年，Photoshop3.0正式发布，代号为TigerMountain，而全新的图层功能也在这个版本中崭露头角。1997年9月，AdobePhotoshop4.0版本发行，主要改进是用户界面。1998年5月，AdobePhotoshop5.0发布，代号StrangeCargo。1999年，AdobePhotoshop5.5发布，主要增加了支持Web功能和包含ImageReady2.0。2000年9月，AdobePhotoshop6.0发布，代号VenusinFurs。经过改进，Photoshop6.0与其他Adobe工具交换更为流畅。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能2002年3月，AdobePhotoshop7.0发布，代号LiquidSky。Photoshop7.0适时地增加了HealingBrush等图片修改工具，还有一些基本的数码相机功能（如EXIF数据）和文件浏览器等。2003年，Photoshop7.0.1发布。它加入了处理最高级别数码格式RAW（无损格式）的插件。2003年10月，AdobePhotoshopCS（8.0）发布。2005年4月，AdobePhotoshopCS2发布，代号SpaceMonkey。PhotoshopCS2是对数字图形编辑和创作专业工业标准的一次重要更新。它是被作为独立软件程序或AdobeCreativeSuite2的一个关键构件来发布的。2006年，Adobe发布了一个开放的Beta版PhotoshopLightroom。这是一个巨大的专业图形管理数据库。2007年4月，AdobePhotoshopCS3发布。2008年9月，AdobePhotoshopCS4发布。套装拥有一百多项创新，并特别注重简化工作流程和提高设计效率。2008年，Adobe发布了基于闪存的Photoshop应用，提供有限的图像编辑和在线存储功能。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能2009年，Adobe为Photoshop发布了iPhone（手机上网）版，PS从此登陆了手机平台。2009年11月7日，PhotoshopExpress版本发布，以免费的策略冲击移动手机市场。手机版的photoshop可以做些简单的图像处理。2010年5月12日，Adobe发行AdobePhotoshopCS5。这个版本加入了编辑/选择性粘贴/原位粘贴、编辑/填充、编辑/操控变形功能；画笔工具功能也得到加强。2012年3月22日，Adobe发行AdobePhotoshopCS6Beta公开测试版。其新特性包括PhotoshopCS6和PhotoshopCS6Extended的所有功能。2013年6月17日，Adobe在MAX大会上推出了最新版本的PhotoshopCC（CreativeCloud）。其新功能包括相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成一集同步设置等。2、相关概念（1）像素和分辨率1）像素在计算机绘图中，像素是构成图像的最小单位。越高位的像素，拥有的色板越丰富，越能表达颜色的真实感。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能2）分辨率常见的分辨率主要分为4类：图像分辨率、输出分辨率、位分辨率、显示器分辨率。图像分辨率。像分辨率是指图像中每单位打印长度显示的像素数目，通常用“像素/英寸”表示。输出分辨率。输出分辨率是指激光打印机或照排机等输出设备在输出图像时每英寸所产生的油墨点数，单位通常用“像素/英寸”表示。位分辨率。位分辨率是用来衡量每个像素所保存的颜色信息的位元数。例如，一个24位的RGB图像，表示其各原色R、G、B均使用8位，三原色之和为24位。RGB图像中，没一个像素记录R、G、B三原色值，因此每一个像素所保存的位元数为24位。显示器分辨率。显示器分辨率是显示器中每单位长度显示的像素的数目，单位以“点/英寸”表示。常用普屏的显示器分辨率为1024×768、宽屏的为1366×768，代表显示器水平分布了1024或1366个像素、垂直分布了768个像素。（2）矢量图与位图1）失量图第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能矢量图也称面向对象的图像或绘图图像，像AutoCAD、CorelDRAW等软件都是以矢量图形为基础进行创作的。矢量图的优点：文件小；图像不可编辑；图像放大或缩小不影响图像的分辨率；图像的分辨率不依赖于输出设备。矢量图的缺点：重画图像困难；逼真度低；要画出自然度高的图像需要很多的技巧。2）位图位图又称光栅图，也称点阵图像或绘制图像，是由像素的单个点组成的。这些点可以进行不同的排列和染色，以构成图样。放大位图时，可以看见赖以构成整个图像的无数个方块。位图的优点：图像质量高；图像编辑修改较快。位图的缺点：文件大；图像元素对象编辑受限制较大；图像质量取决于分辨率；图像的分辨率依赖于输出设备。总之，矢量图和位图没有好坏之分，只是用途不同而已。因此，整合位图图像和矢量图形的优点，才是处理数字图像的最佳方式。至于到底是用矢量图还是位图，应该根据应用的需要而定。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能（3）常用图像格式和图像颜色模式1）常用图像格式PSD格式。PSD格式是Photoshop的专用格式。它能保存图像数据的每一个细节，包括图像的层、通道等信息，还能确保图层之间相互独立以便以后进行修改。PDF格式。PDF格式是由AdobeSystems创建的一种文件格式。PDF格式允许在屏幕上查看电子文档。PDF文件还可被嵌入Web的Html文档中。JPEG格式。JPEG格式是常用的图像格式，支持真彩色、CMYK、RGB和灰度颜色模式，但不支持Alpha通道。GIF格式。GIF格式因其磁盘占用空间较少而多用于文件间传输，但此格式不支持Alpha通道。2）图像颜色模式HSB模式。HSB模式以人类对颜色的感觉为基础，描述了颜色的3种基本特征。①色相。色相是从物体反射或透过物体传播的颜色。在0°～360°的标准色轮上，按位置度量色相。通常使用中，色相有颜色名称识别，如红色、橙色或绿色。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能②饱和度。饱和度（或彩度）是指颜色的强度或纯度。饱和度表示色相中灰色分量所占的比例，它使用从0（灰色）～100（完全饱和）的百分比来度量。在标准色轮上，饱和度从中心岛边缘递增。③亮度。亮度是颜色的相对明暗程度，通常使用从0（黑色）～100（白色）的百分比来度量。RGB模式。由于RGB3种颜色以最大亮度显示时产生的合成色是白色，反之则是黑色，因此它们也被称为加色。RGB图像通过3种颜色或通道可以在屏幕上重新生成多达1670万种颜色。正因为RGB的色域或颜色范围要比其他颜色模式宽广得多，所以大多数显示器均采用此种模式。CMYK模式。CMYK模式颜色合成可以产生黑色，因此它们也被称为减色。较高（高光）颜色指定的印刷油墨颜色百分比较低，而较暗（暗调）颜色指定的百分比较高。LAB模式。RGB模式是一种发光屏幕的加色模式，CMYK模式是一种颜色反光的印刷减色模式，LAB模式由3个通道组成，但不是R、G、B通道。它的一个通道是亮度，即L；另外两个是色彩通道，分别用A和B表示。A通道包括的颜色是从深绿色（底亮度值）到灰色（中亮度值）再到亮粉红色（高亮度值）；B通道则是从亮蓝色（底亮度值）到灰色（中亮度值）再到黄色（高亮度值）。因此，两种色彩混合后将产生明亮的色彩。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能3、PhotoshopCS6的功能（1）Photoshop的基本功能丰富的图像文件格式选取功能图案生成器滤镜修饰图像功能多种颜色模式色调与色彩功能旋转与变形滤镜功能图层、通道与蒙版（2）PhotoshopCS6的新增功能1）内容感知技术在继续延展补丁工具中增加了“内容感知”的修补模式，如图4-3所示。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能图4-3“内容感知”的修补模式工具箱中新增了混合工具。混合工具基本相当于内容感知修补与内容感知填充的结合体，在源位置进行内容感知填充，在目标位置进行内容感知修补。2）剪切工具裂变为二——剪切工具和透视裁切工具就工具而言，剪切工具和形状工具是变化最大的两个工具。剪切工具的升级终于解决了该工具一直存在的一个重大问题。早期版本的剪切工具中，“透视”仅仅是其中的一个选项，新版中将其独立出来并使之成为专门的透视裁切工具。3）基于摄影的选区增强魔棒工具中增加了“采样大小”选项，使采样值更趋合理。“采样大小”选项如图4-4所示。色彩范围命令中增加了“皮肤色调”选区，同时配套“删除表面”选项，以自动检测面部区域并获得更加精确的皮肤选区。“皮肤色调”选区如图4-5所示。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能图4-4“采样大小”选项第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能图4-5“皮肤色调”选区4）滤镜增加了自动适应广角滤镜、油画滤镜及3个模糊滤镜（焦点模糊、光圈模糊、移轴模糊）。改进的滤镜包括液化滤镜、镜头校正滤镜及光照效果滤镜。液化滤镜删除了镜像工具、湍流工具及重建模式；同时设置了“高级模式”复选项，即将液化分解为精简和高级两种模式。光照效果被改造为全新的“灯光效果”滤镜，该滤镜使用全新的AdobeMercury图形引擎进行渲染，因此对GPU的要求很高。其界面表现为工作区的形式，如图4-6所示。图4-6光照效果滤镜滤镜库中滤镜的分布机制进行了调整旧版中，滤镜库中的各个滤镜同时出现在各个滤镜组菜单中；新版中，用户可以通过如图4-7所示的选项将滤镜库中的滤镜不再显示在各个滤镜组的级联菜单中。第四章PhotoshopCS6技术一、PhotoshopCS6的定义与功能图4-7滤镜库中滤镜的分布机制选项1、建立新图像单击File/New命令或者按下CTRL+N组合键，也可以按住鼠标左键双击Photoshop桌面，都可以新建图像。（1）Width（宽度）、Height（高度）。其单位有cm（厘米）、mm（毫米）、pixels（像素）、inches（英寸）、point（点）、picas（派卡）和col