第5章 網(wǎng)頁(yè)圖像制作5.1準(zhǔn)備圖像素材5.2制作網(wǎng)頁(yè)圖像5.1準(zhǔn)備圖像素材網(wǎng)站通常是以宣傳公司產(chǎn)品為重點(diǎn)的，所以應(yīng)當(dāng)以公司產(chǎn)品為主線，收集產(chǎn)品圖片，為制作網(wǎng)頁(yè)做好準(zhǔn)備。收集圖片最常用的辦法是現(xiàn)場(chǎng)拍攝，當(dāng)然也可以收集公司以前制作好的成品圖片資料。5.1.1商品圖像拍攝拍攝商品圖片，需要做好規(guī)劃和準(zhǔn)備，否則會(huì)出現(xiàn)拍攝圖片不全、效果不佳等問(wèn)題。1．商品準(zhǔn)備首先對(duì)公司的主要商品進(jìn)行分類整理，每一類商品再按商品名稱、規(guī)格分出每一組樣式，只要包裝不同，同一組樣式也要進(jìn)行區(qū)分。每一組一般準(zhǔn)備兩份以上商品，以作備用，如拆包拍攝等。有的商品需要展示生產(chǎn)所需的原材料，需要同時(shí)準(zhǔn)備好源材料。第5章網(wǎng)頁(yè)圖像制作2．模特與道具準(zhǔn)備有的商品需要與模特、道具搭配拍攝，需要事先準(zhǔn)備好模特和道具。模特和道具的準(zhǔn)備應(yīng)當(dāng)與商品的特質(zhì)相吻合。3．拍攝準(zhǔn)備（1）制定拍攝計(jì)劃。根據(jù)需要拍攝的商品的種類、拍攝要求、拍攝工期等，制定拍攝計(jì)劃。（2）準(zhǔn)備拍攝環(huán)境。商品拍攝環(huán)境應(yīng)當(dāng)參照專業(yè)的靜物拍攝環(huán)境搭建，不了解專業(yè)拍攝環(huán)境的，可參照影樓的拍攝環(huán)境。拍攝靜物臺(tái)是必須的，應(yīng)當(dāng)鋪上純白色、純藍(lán)色等布料（做底色，方便后續(xù)加工制作）。拍攝燈光選擇為瞬間照明（即閃光照明）影室燈，在燈泡外套裝柔光箱，使其發(fā)出的光源更柔和，拍攝時(shí)能消除照片上的光斑和陰影。瞬間照明影室燈需要與相機(jī)的閃光燈同步，需要使用閃光燈同步觸發(fā)器相連。（3）準(zhǔn)備拍攝相機(jī)準(zhǔn)備一臺(tái)帶有手動(dòng)調(diào)節(jié)功能（即有M模式），可調(diào)節(jié)白平衡的相機(jī)。為了獲得質(zhì)感更好的畫(huà)面，最好使用數(shù)碼單鏡頭反光（DigitalSingleLensReflex，DSLR）相機(jī)。如果使用的是DSLR相機(jī)，在拍攝本次室內(nèi)普通商品任務(wù)時(shí)，鏡頭選擇一般在50mm左右的標(biāo)準(zhǔn)鏡頭，或者使用套機(jī)鏡頭即可。相機(jī)可安放在一臺(tái)能保持穩(wěn)定水平的帶多轉(zhuǎn)向調(diào)節(jié)功能的三腳架上來(lái)保持拍攝時(shí)的穩(wěn)定。（4）準(zhǔn)備專業(yè)攝影師商品圖片拍攝專業(yè)性強(qiáng)，應(yīng)當(dāng)由專業(yè)水平較高的攝影師或愛(ài)好者進(jìn)行拍照。通常由兩個(gè)人組成一組，一個(gè)負(fù)責(zé)拍照，另一個(gè)負(fù)責(zé)燈光、道具、商品等的準(zhǔn)備。4．拍攝圖像拍照過(guò)程中，一定要突出主體：使用道具搭配拍攝時(shí)，注意和產(chǎn)品的主次分明，不可喧賓奪主。背景底色和商品主體色調(diào)相互協(xié)調(diào)；商晶位置擺放合理，符合日常觀看商品的習(xí)慣視角。用于商務(wù)網(wǎng)站的商品，往往需要多角度展示、多種實(shí)用場(chǎng)景展示，所以需要多角度拍攝，盡量縮小商品圖片欣賞體驗(yàn)與實(shí)際觀看體驗(yàn)的差距。服裝（包括鞋帽）、箱包、首飾類的商品往往需要模特參與拍攝，獲得更為生動(dòng)效果的圖片。室外拍攝往往需要更多的輔助設(shè)備及拍攝助手，類似于我們常見(jiàn)的婚紗藝術(shù)攝影中的外景拍攝，基本上需要反光板、手持閃光燈補(bǔ)光等。室外拍攝時(shí)還會(huì)受到日光條件、時(shí)間、室外背景，以及換服裝、化妝等場(chǎng)地限制。室外拍攝是室內(nèi)拍攝的補(bǔ)充。由于食品的特殊性，往往需要展示拆包裝后的實(shí)際商品、“QS”認(rèn)證、商品規(guī)格、生產(chǎn)日期、保質(zhì)期、廠家信息，如果有特殊認(rèn)證也可以加以特寫(xiě)來(lái)增強(qiáng)消費(fèi)者的購(gòu)買信心。需要拍攝視頻的，應(yīng)當(dāng)同期完成視頻的拍攝任務(wù)。5.1.2商品圖像存檔拍攝完畢后，對(duì)照片及視頻文件進(jìn)行篩選，分類歸檔存儲(chǔ)，圖像、視頻的文件名稱應(yīng)當(dāng)使用英文，因?yàn)橐恍┚W(wǎng)頁(yè)制作語(yǔ)言和工具對(duì)中文文件名的兼容性不好，會(huì)產(chǎn)生不識(shí)別的錯(cuò)誤。這些拍攝的圖像、視頻資料除了在計(jì)算機(jī)上保存外，還應(yīng)當(dāng)刻錄光盤作為備份保存，因?yàn)殡娮釉O(shè)備都會(huì)出現(xiàn)故障，一但電子存儲(chǔ)設(shè)備發(fā)生故障無(wú)法修復(fù)圖像文件，可從備份的光盤中恢復(fù)使用。5.2制作網(wǎng)頁(yè)圖像拍攝的圖像再好，通常也需要做一些圖片處理才能應(yīng)用到網(wǎng)頁(yè)上。索尼電視機(jī)的圖像經(jīng)過(guò)去背景、調(diào)節(jié)光線效果等美化處理，顯得特別靚麗清新（見(jiàn)圖5.1）。文件格式擴(kuò)展名分辨率顏色值說(shuō)明JPEG.jpg任意32bit采用先進(jìn)的JPEG壓縮技術(shù)，壓縮比大，彩色還原好，數(shù)據(jù)量小，適合網(wǎng)絡(luò)傳輸GIF.gif96dpi8bit256種顏色，文件小適合網(wǎng)絡(luò)傳輸，廣泛用在Internet上；支持動(dòng)畫(huà)；支持透明背景PNG.png任意48bit結(jié)合了GIF和JPEG的優(yōu)點(diǎn)，存儲(chǔ)形式豐富，適用于網(wǎng)絡(luò)；支持透明背景PSD.psd任意24bitPhotoshop工具自建的標(biāo)準(zhǔn)格式，存取速度快，功能強(qiáng)大BITMAP.bmp任意32bitWindows應(yīng)用的位圖格式，文件結(jié)構(gòu)簡(jiǎn)單，應(yīng)用廣泛IFF.iff任意8bit

CDR.cdr任意8bitCorel軟件的默認(rèn)圖，矢量圖，可任意修改轉(zhuǎn)變大小TIFF.tif任意32bit文件體積較大，色彩保真度高，失真小，用于彩色印刷WMF.wmf96dpi24bitWindows使用的剪貼畫(huà)文件格式KDC.kdc任意32bitKodak彩色KDC文件格式PCD.pcd任意32bitKodak照片CD文件格式PIC.pic任意8bitSoftimage’s公司制作的文件格式TRARGA.tga96dpi32bit視頻單幀圖片文件格式，主要用于動(dòng)畫(huà)、影視等專門領(lǐng)域CAD.cad任意24bitCAD文件格式，常用于工民建5.2.1圖像格式圖像格式常見(jiàn)的有JPEG、GIF、PNG、PSD等，圖像格式是可以轉(zhuǎn)換的，借助圖像工具，可以將圖像轉(zhuǎn)換成所需的格式。常見(jiàn)的圖像格式如表5.1所示。5.2.2圖像編輯處理1．修改圖片基本屬性圖片尺寸、存儲(chǔ)大小以及圖片格式是圖片的基本屬性。在使用圖片素材時(shí)，特別是在網(wǎng)頁(yè)中展示圖片資料時(shí)，通常會(huì)對(duì)圖片的格式、尺寸以及占用的存儲(chǔ)空間進(jìn)行限制，以優(yōu)化網(wǎng)頁(yè)的運(yùn)行速度和顯示效果。這時(shí)，就需要修改圖片的基本屬性。例如，將圖片尺寸修改為800像素×600像素，大小調(diào)整為不超過(guò)100KB，存儲(chǔ)格式為JPG。2．裁切圖片裁切圖片主要有以下應(yīng)用場(chǎng)景：一是對(duì)圖像素材的邊緣進(jìn)行裁切，去掉不合適的邊緣部分，凸顯圖像的視覺(jué)效果，然后再進(jìn)行加工制作；二是對(duì)圖像素材進(jìn)行裁切，符合某個(gè)固定的尺寸，例如從一幅圖（見(jiàn)圖5.2）中裁切出模特的人物特寫(xiě)（見(jiàn)圖5.3）；三是對(duì)網(wǎng)頁(yè)效果圖做圖像切片，將大圖片分割成若干個(gè)小圖片后再編排在網(wǎng)頁(yè)中，提高網(wǎng)頁(yè)運(yùn)行的效率。3．增強(qiáng)圖像效果拍攝的圖片素材，通常需要做效果增強(qiáng)之后才能用于網(wǎng)頁(yè)中。增強(qiáng)圖像效果有多種方法，例如增加亮度、增加對(duì)比度、增加色彩飽和度、去噪、邊緣銳化、邊緣羽化，以及使用各種濾鏡等。我們通過(guò)綜合運(yùn)用這些方法，增強(qiáng)圖像的顯示效果。例如，為名爵汽車的宣傳圖片（見(jiàn)圖5.4）增加光線效果（見(jiàn)圖5.5），使其更加靚麗。4．制作透明背景圖像通常，圖像素材的背景是不透明的，但在網(wǎng)頁(yè)中，很多時(shí)候需要疊加圖像，或?qū)D像融入到背景色中，這個(gè)時(shí)候就需要制作透明背景的圖像。例如，將紅酒（見(jiàn)圖5.6）的背景顏色去掉，做成透明背景圖像（見(jiàn)圖5.7），便于嵌入其他圖像中。5．圖像的局部修補(bǔ)圖片素材經(jīng)常會(huì)遇到局部有瑕疵的問(wèn)題，如墻壁上有涂鴉，畫(huà)面中有斑點(diǎn)、水印，利用裁切的方法無(wú)法刪除，就只能做圖像局部修補(bǔ)。6．批量處