網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好
當前位置:酷知知識幫 > 遊戲數碼 > 電腦

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

欄目: 電腦 / 發佈於: / 人氣:2.04W

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