酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

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

電腦2.11W

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張
標籤:web 網頁