如何用ps簡單製作一個web網頁

來源:酷知科普網 2.08W

web網頁也是遵循一定的規範的,今天就和大家說下如何做一個有規範的網頁,會用到guideguide外掛,可以找到,大家安裝下即可。

操作方法

(01)我們開啟ps軟體,新建一個1920*3000的檔案,解析度選擇72畫素,顏色為白色。

如何用ps簡單製作一個web網頁

(02)在guideguide外掛中,我們將左右邊距都設定為360,行數為12,餘邊為20,單位都為畫素。

如何用ps簡單製作一個web網頁 第2張

(03)下面我們建立首屏線,在【檢視】中找到【新建參考線】,選擇水平,數值為785畫素。

如何用ps簡單製作一個web網頁 第3張

(04)然後用矩形工具繪製一個1920*785的色塊,換一下顏色,便於區分。

如何用ps簡單製作一個web網頁 第4張

(05)下面我們建立導航條,大小為1920*80,我們用矩形工具去建立。

如何用ps簡單製作一個web網頁 第5張

(06)下面用文字工具輸入導航內容。

如何用ps簡單製作一個web網頁 第6張

(07)下面為了更加方便的為了以後的創作,我們選擇【視窗】【字元樣式】,建立一個字元樣式,以後的文字就可以用到了。

如何用ps簡單製作一個web網頁 第7張

(08)繼續做下面的頁面就可以了。

如何用ps簡單製作一個web網頁 第8張
熱門標籤