photoshop如何做網站揭密
2022-12-26 14:42:30
來源/作者: /
己有:37人學習過
1.規劃:不管是喬客,還是用動易、風訊,我們都應該考慮兩個問題:
a、版面要分出頭、中、底三個部分。
b、中間部分要考慮兩種情況,一是兩欄(喬客左窄右寬,動易左寬右窄),二是一欄,兩種情況顯示不能變形。有些朋友想每個板塊的頭部不一樣,這也是可以的,你可以在程序代碼中做文章,那是編程的問題,按下不表。
如果我看到別人的版面想拿下來,那就做個截圖,建立一個photoshop文件,把截圖放在最底層,作為最初的草圖。
2、制作。
a、即使不用別人的版面,最好也還是找一個同類系統的網站截一個圖,放在最底層。拉三根垂直輔助線:左邊線,中間虛線位置,右邊線。
b、建立頭、中、底三個圖層組。有些人用photoshop不喜歡建立圖層組,這不是好習慣,一個版面,少則幾十層,多則上百層,不分開圖層組管理就很亂,影響工作效率,更影響多人合作。
c、制作的時候最好盡量把文字內容也放上去,可以更接近實際效果,等切圖的時候隱藏這些圖層。
d、標題樣式。一個版面除了頭、底要特別制作外,中間部分應該考慮制作三種標題樣式:左欄、右欄、通欄,也可以統一風格。還要考慮表頭背景、一些常用到的邊框等。我自己把許多喜歡的邊框樣式用js作了一個樣式包,隨時調用,而標題樣式我是使用flash來做的一個樣式,使用不同的參數調用,就可以有不同的樣式和顏色,改版的時候就改一個js文件和flash文件,做版面的時候會節省一些時間。
e、常用的按鈕樣式。常用的按鈕其實不用在版面制作的時候做的,可以找回原來的按鈕圖片一個一個修改。
f、特殊字體的使用。不管是鏈接還是內容,我都主張盡量使用樣式表來控制字體樣式,但有些地方要用到不常用的字體,為了使所有的瀏覽者都能看到自己的設計原意,就要把文字制作成圖片,這一類的圖片要適當使用,因為使用了圖片,對搜索引擎的訪問是無益的。
g、像素圖。盡量使用像素處理,例如一些邊框、小圖標,會使圖片的字節數大大減少,顯示快,容易透明處理。
a、版面要分出頭、中、底三個部分。
b、中間部分要考慮兩種情況,一是兩欄(喬客左窄右寬,動易左寬右窄),二是一欄,兩種情況顯示不能變形。有些朋友想每個板塊的頭部不一樣,這也是可以的,你可以在程序代碼中做文章,那是編程的問題,按下不表。
如果我看到別人的版面想拿下來,那就做個截圖,建立一個photoshop文件,把截圖放在最底層,作為最初的草圖。
2、制作。
a、即使不用別人的版面,最好也還是找一個同類系統的網站截一個圖,放在最底層。拉三根垂直輔助線:左邊線,中間虛線位置,右邊線。
b、建立頭、中、底三個圖層組。有些人用photoshop不喜歡建立圖層組,這不是好習慣,一個版面,少則幾十層,多則上百層,不分開圖層組管理就很亂,影響工作效率,更影響多人合作。
c、制作的時候最好盡量把文字內容也放上去,可以更接近實際效果,等切圖的時候隱藏這些圖層。
d、標題樣式。一個版面除了頭、底要特別制作外,中間部分應該考慮制作三種標題樣式:左欄、右欄、通欄,也可以統一風格。還要考慮表頭背景、一些常用到的邊框等。我自己把許多喜歡的邊框樣式用js作了一個樣式包,隨時調用,而標題樣式我是使用flash來做的一個樣式,使用不同的參數調用,就可以有不同的樣式和顏色,改版的時候就改一個js文件和flash文件,做版面的時候會節省一些時間。
e、常用的按鈕樣式。常用的按鈕其實不用在版面制作的時候做的,可以找回原來的按鈕圖片一個一個修改。
f、特殊字體的使用。不管是鏈接還是內容,我都主張盡量使用樣式表來控制字體樣式,但有些地方要用到不常用的字體,為了使所有的瀏覽者都能看到自己的設計原意,就要把文字制作成圖片,這一類的圖片要適當使用,因為使用了圖片,對搜索引擎的訪問是無益的。
g、像素圖。盡量使用像素處理,例如一些邊框、小圖標,會使圖片的字節數大大減少,顯示快,容易透明處理。
標簽(TAG) 網頁圖片 學photoshop
上一篇:ps溫度計圖標