1. 程式人生 > >photoshop一個有版頭和頁尾的網頁設計(基礎)

photoshop一個有版頭和頁尾的網頁設計(基礎)

影象處理試驗報告

一.實驗目的

1.掌握網頁的概念,領會網頁版面特點。

2.熟練PS標尺的運用。

3.熟練蒙版的運用。

4.練習Photoshop的基礎操作。

二.實驗工具

    Photoshop

三.實驗要求

做含有標頭和頁尾的網頁,網頁題材不限。

四.實驗內容

1.在做網頁之前,先對頁面設計有一個大概的瞭解。思考想要設計的頁面的主題和色彩風格。

2.首先,新建一個960x600的畫布。新建多個組,“版頭”“藍條”“頁尾”等。

3.在“版頭”組內,新建圖層,新增版頭建築圖片和背景圖片,將建築圖片圖層放在背景圖片圖層的上面,選中建築圖片圖層,點選“新增向量蒙版”,選擇“漸變工具”,在版頭位置從左到右拉線條,通過蒙版達到漸變效果,使背景與圖片過渡。選擇一個適當的網頁主題圖片,也可以使用各種字型效果做出題目,將其放到適當的位置。

4.在“藍條”組內,先畫一個藍條,為了將藍條分成n個小框,計算得出每個藍框的大小。做第一個藍框時,先用標尺標明藍框的右邊線位置,後用“矩形選框工具”選擇標尺左側的選框,這便是第一個藍框。為了每個藍框相同,可以將每個選框的右邊線計算位置後用標尺標明。為了提高速度,也可以直接將第一個選框的選區向右移動,使選區的左邊線與剛剛的標尺重合,在該選區的右邊線再拉一個新的標尺,這樣可以快速分成n個小框。為了美觀,可以在相交處(即標尺的位置)用“鉛筆”或其他工具劃線加深。之後在每個藍框的相應位置新增“文字”工具,寫明具體的內容,最後選中文字進行“頂對齊”。

5.在“頁尾”組內,新建圖層將選中選區改成藍色,新增文字和圖片,放到合適的位置。

6.新增“企業資訊”“通知”,為網頁增色。

五.實驗總結

    這次實驗我通過PS設計了一個簡單的網頁。這個網頁包含了圖片、文字、fx效果、蒙版等多個PS技巧,在做網頁的過程中,不僅學習了網頁的版面特點,PS的技巧也提高了一定的熟練度。這次練習學會了幾個設計網頁的小技巧,首先,對標尺的使用有了更深的理解。做網頁時,標尺是個必不可少的工具,它提升了我們設計網頁的精確度,對美觀也起到了一定的作用。其次,在版頭設計圖片時,要善於利用蒙版工具,使圖片過渡更加順暢自然。總的來說,這次實驗是一個很好的自我提升的機會。