电子商务网站建设与管理-电子教案PPT版第四章资料.ppt





《电子商务网站建设与管理-电子教案PPT版第四章资料.ppt》由会员分享,可在线阅读,更多相关《电子商务网站建设与管理-电子教案PPT版第四章资料.ppt(36页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、电子商务网站建设与管理电子商务网站建设与管理高职高专高职高专“十二五十二五”电子商务系列规划教材电子商务系列规划教材 这是一家厂商的“烧录机”平面广告,广告词为“没有什么不能烧”。1、创意意 这是典型的夸张型表现手法,以夸张的画面吸引受众眼球,突出产品特点。受众无不被充满震撼和趣味的画面所吸引。在信息快餐化的时代,留住读者的眼球就是成功。此则广告即使不阅读画面下方的文案,也能通过“没有什么不能烧”的广告语读懂一切。2、平面制作、平面制作 该作品制作方案较为简单。首先通过实拍的方式拍下人物主体,然后在Photoshop中通过“Eye Candy外挂滤镜”,对人物辫子局部制作“火焰”效果。此广告的
2、制作重点在于火焰制作(见图4-1和4-2)。第四章 Photoshop CS6 技术“没有什么不能烧”引导案例图4-1 火焰制作 图4-2 火焰制作(续)图4-2 火焰制作(续)第四章 Photoshop CS6 技术 学学习 目目标 n 了解了解Photoshop CS6的基本概念和功能的基本概念和功能n 熟悉熟悉Photoshop CS6的操作界面的操作界面n 掌握掌握Photoshop CS6的基的基础操作操作1 1、Photoshop CS6Photoshop CS6的定义及发展史的定义及发展史 Photoshop是Adobe公司推出的一款使用广泛、功能强大的图形图像处理软件。1990
3、年2月,Photoshop版本1.0.7正式发行,第一个版本只有一个800KB的软盘(Mac)。1991年6月,Adobe发布了Photoshop 2.0(代号Fast Eddy),提供了很多更新的工具,如矢量编辑软件Illustrator、CMYK颜色及Pen tool(钢笔工具)。1992年,Photoshop的可视化界面更加丰富。1994年,Photoshop 3.0正式发布,代号为 Tiger Mountain,而全新的图层功能也在这个版本中崭露头角。1997年9月,Adobe Photoshop 4.0版本发行,主要改进是用户界面。1998年5月,Adobe Photoshop 5.
4、0发布,代号Strange Cargo。1999年,Adobe Photoshop 5.5发布,主要增加了支持Web功能和包含ImageReady2.0。2000年9月,Adobe Photoshop 6.0发布,代号Venus in Furs。经过改进,Photoshop 6.0与其他Adobe工具交换更为流畅。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能 2002年3月,Adobe Photoshop 7.0发布,代号Liquid Sky。Photoshop 7.0适时地增加了Healing Brush等图片修改工具,还有一些基本的数码相机功能(如E
5、XIF数据)和文件浏览器等。2003年,Photoshop 7.0.1发布。它加入了处理最高级别数码格式RAW(无损格式)的插件。2003年10月,Adobe Photoshop CS(8.0)发布。2005年4月,Adobe Photoshop CS2发布,代号Space Monkey。Photoshop CS2是对数字图形编辑和创作专业工业标准的一次重要更新。它是被作为独立软件程序或Adobe Creative Suite 2的一个关键构件来发布的。2006年,Adobe发布了一个开放的Beta版Photoshop Lightroom。这是一个巨大的专业图形管理数据库。2007年4月,Ad
6、obe Photoshop CS3发布。2008年9月,Adobe Photoshop CS4发布。套装拥有一百多项创新,并特别注重简化工作流程和提高设计效率。2008年,Adobe发布了基于闪存的Photoshop应用,提供有限的图像编辑和在线存储功能。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能 2009年,Adobe为Photoshop发布了iPhone(手机上网)版,PS从此登陆了手机平台。2009年11月7日,Photoshop Express版本发布,以免费的策略冲击移动手机市场。手机版的photoshop可以做些简单的图像处理。2010年5
7、月12日,Adobe发行Adobe Photoshop CS5。这个版本加入了编辑/选择性粘贴/原位粘贴、编辑/填充、编辑/操控变形功能;画笔工具功能也得到加强。2012年3月22日,Adobe发行Adobe Photoshop CS6 Beta公开测试版。其新特性包括Photoshop CS6和Photoshop CS6 Extended的所有功能。2013年6月17日,Adobe在MAX大会上推出了最新版本的Photoshop CC(CreativeCloud)。其新功能包括相机防抖动功能、Camera RAW功能改进、图像提升采样、属性面板改进、Behance集成一集同步设置等。2、相关
8、概念、相关概念 (1)像素和分辨率 1)像素 在计算机绘图中,像素是构成图像的最小单位。越高位的像素,拥有的色板越丰富,越能表达颜色的真实感。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能 2)分辨率 常见的分辨率主要分为4类:图像分辨率、输出分辨率、位分辨率、显示器分辨率。图像分辨率。像分辨率是指图像中每单位打印长度显示的像素数目,通常用“像素/英寸”表示。输出分辨率。输出分辨率是指激光打印机或照排机等输出设备在输出图像时每英寸所产生的油墨点数,单位通常用“像素/英寸”表示。位分辨率。位分辨率是用来衡量每个像素所保存的颜色信息的位元数。例如,一个24位的
9、RGB图像,表示其各原色R、G、B均使用8位,三原色之和为24位。RGB图像中,没一个像素记录R、G、B三原色值,因此每一个像素所保存的位元数为24位。显示器分辨率。显示器分辨率是显示器中每单位长度显示的像素的数目,单位以“点/英寸”表示。常用普屏的显示器分辨率为1024768、宽屏的为1366768,代表显示器水平分布了1024或1366个像素、垂直分布了768个像素。(2)矢量图与位图 1)失量图 第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能 矢量图也称面向对象的图像或绘图图像,像AutoCAD、CorelDRAW等软件都是以矢量图形为基础进行创作的
10、。矢量图的优点:文件小;图像不可编辑;图像放大或缩小不影响图像的分辨率;图像的分辨率不依赖于输出设备。矢量图的缺点:重画图像困难;逼真度低;要画出自然度高的图像需要很多的技巧。2)位图 位图又称光栅图,也称点阵图像或绘制图像,是由像素的单个点组成的。这些点可以进行不同的排列和染色,以构成图样。放大位图时,可以看见赖以构成整个图像的无数个方块。位图的优点:图像质量高;图像编辑修改较快。位图的缺点:文件大;图像元素对象编辑受限制较大;图像质量取决于分辨率;图像的分辨率依赖于输出设备。总之,矢量图和位图没有好坏之分,只是用途不同而已。因此,整合位图图像和矢量图形的优点,才是处理数字图像的最佳方式。至
11、于到底是用矢量图还是位图,应该根据应用的需要而定。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能 (3)常用图像格式和图像颜色模式 1)常用图像格式 PSD格式。PSD格式是Photoshop的专用格式。它能保存图像数据的每一个细节,包括图像的层、通道等信息,还能确保图层之间相互独立以便以后进行修改。PDF格式。PDF格式是由Adobe Systems创建的一种文件格式。PDF格式允许在屏幕上查看电子文档。PDF文件还可被嵌入Web的Html文档中。JPEG格式。JPEG格式是常用的图像格式,支持真彩色、CMYK、RGB和灰度颜色模式,但不支持Alpha通
12、道。GIF 格式。GIF格式因其磁盘占用空间较少而多用于文件间传输,但此格式不支持Alpha通道。2)图像颜色模式 HSB模式。HSB模式以人类对颜色的感觉为基础,描述了颜色的3种基本特征。色相。色相是从物体反射或透过物体传播的颜色。在0360的标准色轮上,按位置度量色相。通常使用中,色相有颜色名称识别,如红色、橙色或绿色。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能 饱和度。饱和度(或彩度)是指颜色的强度或纯度。饱和度表示色相中灰色分量所占的比例,它使用从0(灰色)100(完全饱和)的百分比来度量。在标准色轮上,饱和度从中心岛边缘递增。亮度。亮度是颜色
13、的相对明暗程度,通常使用从0(黑色)100(白色)的百分比来度量。RGB模式。由于RGB 3种颜色以最大亮度显示时产生的合成色是白色,反之则是黑色,因此它们也被称为加色。RGB图像通过3种颜色或通道可以在屏幕上重新生成多达1 670万种颜色。正因为RGB的色域或颜色范围要比其他颜色模式宽广得多,所以大多数显示器均采用此种模式。CMYK模式。CMYK模式颜色合成可以产生黑色,因此它们也被称为减色。较高(高光)颜色指定的印刷油墨颜色百分比较低,而较暗(暗调)颜色指定的百分比较高。LAB模式。RGB模式是一种发光屏幕的加色模式,CMYK模式是一种颜色反光的印刷减色模式,LAB模式由3个通道组成,但不
14、是R、G、B通道。它的一个通道是亮度,即L;另外两个是色彩通道,分别用A和B表示。A通道包括的颜色是从深绿色(底亮度值)到灰色(中亮度值)再到亮粉红色(高亮度值);B通道则是从亮蓝色(底亮度值)到灰色(中亮度值)再到黄色(高亮度值)。因此,两种色彩混合后将产生明亮的色彩。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能3、Photoshop CS6的功能的功能 (1)Photoshop 的基本功能 丰富的图像文件格式 选取功能 图案生成器滤镜 修饰图像功能 多种颜色模式 色调与色彩功能 旋转与变形 滤镜功能 图层、通道与蒙版 (2)Photoshop CS6
15、 的新增功能 1)内容感知技术在继续延展 补丁工具中增加了“内容感知”的修补模式,如图4-3所示。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能图4-3 “内容感知”的修补模式 工具箱中新增了混合工具。混合工具基本相当于内容感知修补与内容感知填充的结合体,在源位置进行内容感知填充,在目标位置进行内容感知修补。2)剪切工具裂变为二剪切工具和透视裁切工具 就工具而言,剪切工具和形状工具是变化最大的两个工具。剪切工具的升级终于解决了该工具一直存在的一个重大问题。早期版本的剪切工具中,“透视”仅仅是其中的一个选项,新版中将其独立出来并使之成为专门的透视裁切工具。3
16、)基于摄影的选区增强 魔棒工具中增加了“采样大小”选项,使采样值更趋合理。“采样大小”选项如图4-4所示。色彩范围命令中增加了“皮肤色调”选区,同时配套“删除表面”选项,以自动检测面部区域并获得更加精确的皮肤选区。“皮肤色调”选区如图4-5所示。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能图4-4 “采样大小”选项 第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能图4-5 “皮肤色调”选区 4)滤镜 增加了自动适应广角滤镜、油画滤镜及3个模糊滤镜(焦点模糊、光圈模糊、移轴模糊)。改进的滤镜包括液化滤镜、镜头校正滤镜及光
17、照效果滤镜。液化滤镜删除了镜像工具、湍流工具及重建模式;同时设置了“高级模式”复选项,即将液化分解为精简和高级两种模式。光照效果被改造为全新的“灯光效果”滤镜,该滤镜使用全新的Adobe Mercury 图形引擎进行渲染,因此对GPU的要求很高。其界面表现为工作区的形式,如图4-6所示。图4-6 光照效果滤镜 滤镜库中滤镜的分布机制进行了调整 旧版中,滤镜库中的各个滤镜同时出现在各个滤镜组菜单中;新版中,用户可以通过如图4-7所示的选项将滤镜库中的滤镜不再显示在各个滤镜组的级联菜单中。第四章 Photoshop CS6 技术 一、Photoshop CS6的定义与功能图4-7 滤镜库中滤镜的分
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务 网站 建设 管理 电子 教案 PPT 第四 资料

限制150内