新建網(wǎng)頁(yè)圖像

Photoshop是Adobe公司推出的一個(gè)全方位的網(wǎng)頁(yè)圖形編輯軟件。它具有以下3個(gè)特性。   

?繪圖功能:使用Photoshop可以繪制出各種形狀的圖形。   

?圖像處理功能:Photoshop可以對(duì)圖像進(jìn)行各種效果處理,如填充紋理、漸變顏色、筆畫及添加濾鏡特效等。此外,Photoshop還兼有位圖和矢量圖的功能,能夠同時(shí)處理位圖和矢量圖兩種不同類型的圖像,這是Photo-shop突出的優(yōu)點(diǎn)。   

?網(wǎng)頁(yè)編輯功能:Photoshop是一個(gè)網(wǎng)頁(yè)圖形編輯軟件,所以,它還具有網(wǎng)頁(yè)編輯功能。用戶可以在Photoshop中分割圖片、設(shè)置超鏈接、制作GIF動(dòng)畫、快速制作無(wú)縫分割圖片和圖像映射,并能夠輸出它們的HTML代碼??梢圆挥镁帉懭魏纬绦?,就能輕松地制作出具有JavaScript程序交互性的效果,甚至還可以直接將圖形保存為CSS代碼。

因此,Photoshop是一款既具備圖像處理功能,又可以設(shè)計(jì)網(wǎng)頁(yè)的軟件。該軟件推出后,深受廣大網(wǎng)頁(yè)設(shè)計(jì)者的喜愛。再加上Photoshop與Adobe公司的網(wǎng)頁(yè)編輯軟件Dreamweaver結(jié)合得非常緊密,因而使用它保存HTML網(wǎng)頁(yè)文件,可以直接插入到Dreamweaver中使用,并且不會(huì)改變?cè)赑hotoshop中所做的一切設(shè)置,如分割圖片的位置、超鏈接地址等。此外,使用Photoshop輸出的圖像不但品質(zhì)好,而且文件小。

安裝Photoshop軟件后,就可以啟動(dòng)該軟件制作網(wǎng)頁(yè)圖形了。在此之前,先簡(jiǎn)單介紹一下該軟件的窗口組成,讓用戶對(duì)Photoshop有一個(gè)初步了解。如圖所示是啟動(dòng)Photoshop后的窗口,從中可了解到Photoshop窗口的組成。

c7855f56d4cebfb22b2403169ab839db.jpg

Photoshop的窗口要顯示或隱藏Photoshop中的面板,可以選擇【窗口】菜單中的命令,或者按Tab鍵顯示或隱藏各種功能面板。

新建網(wǎng)頁(yè)圖像

要制作網(wǎng)頁(yè)圖像,應(yīng)先建立一個(gè)新文件。

【操作步驟】

第1步,啟動(dòng)Photoshop。

第2步,在Photoshop中選擇【文件】|【新建】命令,打開如圖【新建】對(duì)話框。

第3步,在對(duì)話框中設(shè)置圖像的高度、寬度及分辨率等各項(xiàng)參數(shù)。在此假設(shè)要制作網(wǎng)頁(yè)圖像大小為800像素×600像素。

第4步,單擊【確定】按鈕,就可以建立一個(gè)新圖像。

提示:新建圖像的尺寸大小最好與應(yīng)用到Dreamweaver(即網(wǎng)頁(yè))中的實(shí)際大小一致,這樣可以方便以后使用。若所制作的圖形與在Dreamweaver中的尺寸不符,插入到Dreamweaver中再進(jìn)行縮放,則會(huì)影響圖像的顯示效果。

注意:在網(wǎng)頁(yè)設(shè)計(jì)時(shí),設(shè)置圖像分辨率時(shí),切勿設(shè)置過大。因?yàn)榉直媛试酱螅4婧蟮奈募苍酱?,這樣就會(huì)增大網(wǎng)頁(yè)容量,不利于在網(wǎng)絡(luò)上傳輸。對(duì)于網(wǎng)頁(yè)圖像而言,72像素/英寸的分辨率就足夠了。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))