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