Photoshop網頁制作教程
- 2022-12-24 22:37:03
- 來源/作者:互聯網/佚名
- 己被圍觀次
Photoshop網頁制作教程效果圖: 步驟 1 創建 750x500px 畫布,并將前景色設為白色。 創建新的圖層,利用矩形選框工具創建如下選區。 步驟 2 用白色填充選區。圖層 圖層樣式 投影。設置如下: 描邊:大小 1像素,顏
Photoshop網頁制作教程效果圖:
創建 750x500px 畫布,并將前景色設為白色。
創建新的圖層,利用矩形選框工具創建如下選區。
用白色填充選區。圖層 >> 圖層樣式 >> 投影。設置如下:
步驟 3
創建新圖層,再次利用矩形選框工具在畫布頂端建立如下矩形選框。(注意:為了實現網頁的層次感,這次的矩形邊框與之前的矩形左右兩邊各空出2個像素)
為選區填充 #2061A8。
步驟 5

創建 750x500px 畫布,并將前景色設為白色。
創建新的圖層,利用矩形選框工具創建如下選區。

用白色填充選區。圖層 >> 圖層樣式 >> 投影。設置如下:

步驟 3
創建新圖層,再次利用矩形選框工具在畫布頂端建立如下矩形選框。(注意:為了實現網頁的層次感,這次的矩形邊框與之前的矩形左右兩邊各空出2個像素)

為選區填充 #2061A8。
步驟 5
圖層 >> 圖層樣式 >> 投影。設置如下:

漸變疊加:

圖案疊加:

步驟 6
為網站添加文字LOGO 。

步驟 7
創建新的圖層。
步驟 8
按照與步驟 3相同的方法在畫布底部建立矩形。
步驟 9
填充顏色(#2061A8),并添加投影效果。

圖層 >> 圖層樣式 >> 投影。

步驟 10
利用圓角矩形工具繪制如下形狀。

步驟 11
圖層 >> 圖層樣式 >> 投影。

漸變疊加:

步驟 12
為導航欄添加文字。

步驟 13
按照如上方法建立其余導航條。

步驟 14
現在我們開始制作內容框,利用圓角矩形繪制如下矩形框。

將圖層面板的填充屬性設為 0%。

圖層 >> 圖層樣式 >> 漸變疊加。

步驟 15
按照之前的方法建立另一個內容框。

搜索更多相關主題的帖子:網頁制作 Photoshop 教程 選區 投影
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(www.sz-xdd.com.cn)
上一篇:ps插座ICON圖標
下一篇:網頁按鈕設計教程








