當(dāng)前位置 : 首頁>軟件學(xué)院>圖形圖像>photoshop>正文

用Photoshop開發(fā)網(wǎng)站的思路

http://www.yibo1263.com　2008/11/4 7:53:07 　來源:東北IT網(wǎng) 　編輯:葉子

　　1.規(guī)劃：不管是喬客，還是用動(dòng)易、風(fēng)訊，我們都應(yīng)該考慮兩個(gè)問題：

　　a、版面要分出頭、中、底三個(gè)部分。

　　b、中間部分要考慮兩種情況，一是兩欄（喬客左窄右寬，動(dòng)易左寬右窄），二是一欄，兩種情況顯示不能變形。有些朋友想每個(gè)板塊的頭部不一樣，這也是可以的，你可以在程序代碼中做文章，那是編程的問題，按下不表。

　　如果我看到別人的版面想拿下來，那就做個(gè)截圖，建立一個(gè)photoshop文件，把截圖放在最底層，作為最初的草圖。

　　2、制作。

　　a、即使不用別人的版面，最好也還是找一個(gè)同類系統(tǒng)的網(wǎng)站截一個(gè)圖，放在最底層。拉三根垂直輔助線：左邊線，中間虛線位置，右邊線。

　　b、建立頭、中、底三個(gè)圖層組。有些人用photoshop不喜歡建立圖層組，這不是好習(xí)慣，一個(gè)版面，少則幾十層，多則上百層，不分開圖層組管理就很亂，影響工作效率，更影響多人合作。

　　c、制作的時(shí)候最好盡量把文字內(nèi)容也放上去，可以更接近實(shí)際效果，等切圖的時(shí)候隱藏這些圖層。

　　d、標(biāo)題樣式。一個(gè)版面除了頭、底要特別制作外，中間部分應(yīng)該考慮制作三種標(biāo)題樣式：左欄、右欄、通欄，也可以統(tǒng)一風(fēng)格。還要考慮表頭背景、一些常用到的邊框等。我自己把許多喜歡的邊框樣式用js作了一個(gè)樣式包，隨時(shí)調(diào)用，而標(biāo)題樣式我是使用flash來做的一個(gè)樣式，使用不同的參數(shù)調(diào)用，就可以有不同的樣式和顏色，改版的時(shí)候就改一個(gè)js文件和flash文件，做版面的時(shí)候會(huì)節(jié)省一些時(shí)間。

　　e、常用的按鈕樣式。常用的按鈕其實(shí)不用在版面制作的時(shí)候做的，可以找回原來的按鈕圖片一個(gè)一個(gè)修改。

　　f、特殊字體的使用。不管是鏈接還是內(nèi)容，我都主張盡量使用樣式表來控制字體樣式，但有些地方要用到不常用的字體，為了使所有的瀏覽者都能看到自己的設(shè)計(jì)原意，就要把文字制作成圖片，這一類的圖片要適當(dāng)使用，因?yàn)槭褂昧藞D片，對搜索引擎的訪問是無益的。

Photoshop

　　g、像素圖。盡量使用像素處理，例如一些邊框、小圖標(biāo)，會(huì)使圖片的字節(jié)數(shù)大大減少，顯示快，容易透明處理。

Photoshop

　　3、切圖切圖要在imageready中完成，先要把完稿的作品保存，最好還要做一個(gè)備份，然后跳轉(zhuǎn)到imageready工作。

　　a、有朋友切圖時(shí)要合并圖層，這是沒有必要的，圖層合并了，以后修改和編輯都麻煩，而且有時(shí)候切圖還要按一些圖層的大小定位來做，例如要切出一個(gè)468x60的廣告橫標(biāo)，你可以把這個(gè)橫標(biāo)的圖層載入選定區(qū)域（load selection），然后從菜單select把選定區(qū)域轉(zhuǎn)換成切片（create slices from selection）。

　　b、不要把整個(gè)版面同時(shí)切圖。一般來說，頭部的色彩很豐富，而中間和底部的色彩比較少。例如一個(gè)版面頭部的切片，調(diào)色板可能要256種顏色，而中間和底部只要18色就能搞定，如果同時(shí)切片，就變成同一個(gè)調(diào)色板，中間的部分也使用了256色，就會(huì)使文件大小增加，但如果折中，讓頭部256色減少為128色或32色，又會(huì)影響效果。所以要分別處理，方法是在ps中分別選擇頭部、中間（中間有時(shí)候還可以分出幾個(gè)板塊）、底部，裁切，另存為幾個(gè)不同文件，然后切圖。

本新聞共2頁,當(dāng)前在第1頁 1 2

【收藏】【打印】【進(jìn)入論壇】

相關(guān)文章：

·Photoshop快速調(diào)出美女非主流效果

·Photoshop與Ill打造美女內(nèi)衣網(wǎng)頁

·Photoshop打造清爽的內(nèi)衣少女廣告

·Adobe為iPhone推出免費(fèi)在線Photoshop程序

·Photoshop動(dòng)作怎么使用?

·用Photoshop調(diào)出美女個(gè)性的青色調(diào)

·Alt鍵在Photoshop中的應(yīng)用

·Photoshop實(shí)用工具技巧

·Photoshop CS3摳圖八大方法和思路

·Photoshop與AI結(jié)合打造動(dòng)感3D透視文字月歷

·PhotoShop給MM保留毛孔的磨皮方法

亚洲AV无码乱码在线观看不卡|最新大伊香蕉精品视频在线|亚洲不卡av一区二区|国产美女无遮挡免费