商务网页设计与制作（第2版）课件 第23课 准备图像素材

第5章 网页图像制作5.1准备图像素材5.2制作网页图像5.1准备图像素材网站通常是以宣传公司产品为重点的，所以应当以公司产品为主线，收集产品图片，为制作网页做好准备。收集图片最常用的办法是现场拍摄，当然也可以收集公司以前制作好的成品图片资料。5.1.1商品图像拍摄拍摄商品图片，需要做好规划和准备，否则会出现拍摄图片不全、效果不佳等问题。1．商品准备首先对公司的主要商品进行分类整理，每一类商品再按商品名称、规格分出每一组样式，只要包装不同，同一组样式也要进行区分。每一组一般准备两份以上商品，以作备用，如拆包拍摄等。有的商品需要展示生产所需的原材料，需要同时准备好源材料。第5章网页图像制作2．模特与道具准备有的商品需要与模特、道具搭配拍摄，需要事先准备好模特和道具。模特和道具的准备应当与商品的特质相吻合。3．拍摄准备（1）制定拍摄计划。根据需要拍摄的商品的种类、拍摄要求、拍摄工期等，制定拍摄计划。（2）准备拍摄环境。商品拍摄环境应当参照专业的静物拍摄环境搭建，不了解专业拍摄环境的，可参照影楼的拍摄环境。拍摄静物台是必须的，应当铺上纯白色、纯蓝色等布料（做底色，方便后续加工制作）。拍摄灯光选择为瞬间照明（即闪光照明）影室灯，在灯泡外套装柔光箱，使其发出的光源更柔和，拍摄时能消除照片上的光斑和阴影。瞬间照明影室灯需要与相机的闪光灯同步，需要使用闪光灯同步触发器相连。（3）准备拍摄相机准备一台带有手动调节功能（即有M模式），可调节白平衡的相机。为了获得质感更好的画面，最好使用数码单镜头反光（DigitalSingleLensReflex，DSLR）相机。如果使用的是DSLR相机，在拍摄本次室内普通商品任务时，镜头选择一般在50mm左右的标准镜头，或者使用套机镜头即可。相机可安放在一台能保持稳定水平的带多转向调节功能的三脚架上来保持拍摄时的稳定。（4）准备专业摄影师商品图片拍摄专业性强，应当由专业水平较高的摄影师或爱好者进行拍照。通常由两个人组成一组，一个负责拍照，另一个负责灯光、道具、商品等的准备。4．拍摄图像拍照过程中，一定要突出主体：使用道具搭配拍摄时，注意和产品的主次分明，不可喧宾夺主。背景底色和商品主体色调相互协调；商晶位置摆放合理，符合日常观看商品的习惯视角。用于商务网站的商品，往往需要多角度展示、多种实用场景展示，所以需要多角度拍摄，尽量缩小商品图片欣赏体验与实际观看体验的差距。服装（包括鞋帽）、箱包、首饰类的商品往往需要模特参与拍摄，获得更为生动效果的图片。室外拍摄往往需要更多的辅助设备及拍摄助手，类似于我们常见的婚纱艺术摄影中的外景拍摄，基本上需要反光板、手持闪光灯补光等。室外拍摄时还会受到日光条件、时间、室外背景，以及换服装、化妆等场地限制。室外拍摄是室内拍摄的补充。由于食品的特殊性，往往需要展示拆包装后的实际商品、“QS”认证、商品规格、生产日期、保质期、厂家信息，如果有特殊认证也可以加以特写来增强消费者的购买信心。需要拍摄视频的，应当同期完成视频的拍摄任务。5.1.2商品图像存档拍摄完毕后，对照片及视频文件进行筛选，分类归档存储，图像、视频的文件名称应当使用英文，因为一些网页制作语言和工具对中文文件名的兼容性不好，会产生不识别的错误。这些拍摄的图像、视频资料除了在计算机上保存外，还应当刻录光盘作为备份保存，因为电子设备都会出现故障，一但电子存储设备发生故障无法修复图像文件，可从备份的光盘中恢复使用。5.2制作网页图像拍摄的图像再好，通常也需要做一些图片处理才能应用到网页上。索尼电视机的图像经过去背景、调节光线效果等美化处理，显得特别靓丽清新（见图5.1）。文件格式扩展名分辨率颜色值说明JPEG.jpg任意32bit采用先进的JPEG压缩技术，压缩比大，彩色还原好，数据量小，适合网络传输GIF.gif96dpi8bit256种颜色，文件小适合网络传输，广泛用在Internet上；支持动画；支持透明背景PNG.png任意48bit结合了GIF和JPEG的优点，存储形式丰富，适用于网络；支持透明背景PSD.psd任意24bitPhotoshop工具自建的标准格式，存取速度快，功能强大BITMAP.bmp任意32bitWindows应用的位图格式，文件结构简单，应用广泛IFF.iff任意8bit

CDR.cdr任意8bitCorel软件的默认图，矢量图，可任意修改转变大小TIFF.tif任意32bit文件体积较大，色彩保真度高，失真小，用于彩色印刷WMF.wmf96dpi24bitWindows使用的剪贴画文件格式KDC.kdc任意32bitKodak彩色KDC文件格式PCD.pcd任意32bitKodak照片CD文件格式PIC.pic任意8bitSoftimage’s公司制作的文件格式TRARGA.tga96dpi32bit视频单帧图片文件格式，主要用于动画、影视等专门领域CAD.cad任意24bitCAD文件格式，常用于工民建5.2.1图像格式图像格式常见的有JPEG、GIF、PNG、PSD等，图像格式是可以转换的，借助图像工具，可以将图像转换成所需的格式。常见的图像格式如表5.1所示。5.2.2图像编辑处理1．修改图片基本属性图片尺寸、存储大小以及图片格式是图片的基本属性。在使用图片素材时，特别是在网页中展示图片资料时，通常会对图片的格式、尺寸以及占用的存储空间进行限制，以优化网页的运行速度和显示效果。这时，就需要修改图片的基本属性。例如，将图片尺寸修改为800像素×600像素，大小调整为不超过100KB，存储格式为JPG。2．裁切图片裁切图片主要有以下应用场景：一是对图像素材的边缘进行裁切，去掉不合适的边缘部分，凸显图像的视觉效果，然后再进行加工制作；二是对图像素材进行裁切，符合某个固定的尺寸，例如从一幅图（见图5.2）中裁切出模特的人物特写（见图5.3）；三是对网页效果图做图像切片，将大图片分割成若干个小图片后再编排在网页中，提高网页运行的效率。3．增强图像效果拍摄的图片素材，通常需要做效果增强之后才能用于网页中。增强图像效果有多种方法，例如增加亮度、增加对比度、增加色彩饱和度、去噪、边缘锐化、边缘羽化，以及使用各种滤镜等。我们通过综合运用这些方法，增强图像的显示效果。例如，为名爵汽车的宣传图片（见图5.4）增加光线效果（见图5.5），使其更加靓丽。4．制作透明背景图像通常，图像素材的背景是不透明的，但在网页中，很多时候需要叠加图像，或将图像融入到背景色中，这个时候就需要制作透明背景的图像。例如，将红酒（见图5.6）的背景颜色去掉，做成透明背景图像（见图5.7），便于嵌入其他图像中。5．图像的局部修补图片素材经常会遇到局部有瑕疵的问题，如墙壁上有涂鸦，画面中有斑点、水印，利用裁切的方法无法删除，就只能做图像局部修补。6．批量处