關閉→
當前位置:趣知常識網>遊戲數碼>電腦>如何用ps簡單製作一個web網頁

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

趣知常識網 人氣:1.9W

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