Photoshop是Adobe公司推出的一個全方位的網(wǎng)頁圖形編輯軟件。它具有以下3個特性。
?繪圖功能:使用Photoshop可以繪制出各種形狀的圖形。
?圖像處理功能:Photoshop可以對圖像進(jìn)行各種效果處理,如填充紋理、漸變顏色、筆畫及添加濾鏡特效等。此外,Photoshop還兼有位圖和矢量圖的功能,能夠同時處理位圖和矢量圖兩種不同類型的圖像,這是Photo-shop突出的優(yōu)點。
?網(wǎng)頁編輯功能:Photoshop是一個網(wǎng)頁圖形編輯軟件,所以,它還具有網(wǎng)頁編輯功能。用戶可以在Photoshop中分割圖片、設(shè)置超鏈接、制作GIF動畫、快速制作無縫分割圖片和圖像映射,并能夠輸出它們的HTML代碼??梢圆挥镁帉懭魏纬绦?,就能輕松地制作出具有JavaScript程序交互性的效果,甚至還可以直接將圖形保存為CSS代碼。
因此,Photoshop是一款既具備圖像處理功能,又可以設(shè)計網(wǎng)頁的軟件。該軟件推出后,深受廣大網(wǎng)頁設(shè)計者的喜愛。再加上Photoshop與Adobe公司的網(wǎng)頁編輯軟件Dreamweaver結(jié)合得非常緊密,因而使用它保存HTML網(wǎng)頁文件,可以直接插入到Dreamweaver中使用,并且不會改變在Photoshop中所做的一切設(shè)置,如分割圖片的位置、超鏈接地址等。此外,使用Photoshop輸出的圖像不但品質(zhì)好,而且文件小。
安裝Photoshop軟件后,就可以啟動該軟件制作網(wǎng)頁圖形了。在此之前,先簡單介紹一下該軟件的窗口組成,讓用戶對Photoshop有一個初步了解。如圖所示是啟動Photoshop后的窗口,從中可了解到Photoshop窗口的組成。
Photoshop的窗口要顯示或隱藏Photoshop中的面板,可以選擇【窗口】菜單中的命令,或者按Tab鍵顯示或隱藏各種功能面板。
要制作網(wǎng)頁圖像,應(yīng)先建立一個新文件。
【操作步驟】
第1步,啟動Photoshop。
第2步,在Photoshop中選擇【文件】|【新建】命令,打開如圖【新建】對話框。
第3步,在對話框中設(shè)置圖像的高度、寬度及分辨率等各項參數(shù)。在此假設(shè)要制作網(wǎng)頁圖像大小為800像素×600像素。
第4步,單擊【確定】按鈕,就可以建立一個新圖像。
提示:新建圖像的尺寸大小最好與應(yīng)用到Dreamweaver(即網(wǎng)頁)中的實際大小一致,這樣可以方便以后使用。若所制作的圖形與在Dreamweaver中的尺寸不符,插入到Dreamweaver中再進(jìn)行縮放,則會影響圖像的顯示效果。
注意:在網(wǎng)頁設(shè)計時,設(shè)置圖像分辨率時,切勿設(shè)置過大。因為分辨率越大,保存后的文件也越大,這樣就會增大網(wǎng)頁容量,不利于在網(wǎng)絡(luò)上傳輸。對于網(wǎng)頁圖像而言,72像素/英寸的分辨率就足夠了。