PS設計漂亮的美食BLOG網頁模板
- 2021-05-21 14:32:58
- 來源/作者:互聯網/佚名
- 己被圍觀次
本教程教我們用Photoshop設計漂亮的美食BLOG網頁模板。這個網頁最大的特色在于,底部使用了桌布的圖案,感覺有點居家的氣氛。再搭配上簡潔的布局,好似一個家的感覺。
先看效果圖:

1。新建一個大小為:1200*1400px的文檔,并填充背影色:#fbe0b1。
再執行濾鏡>雜色>添加雜色,設置數據如下圖:

2.創建自定義圖案
按ctrl+N新建一個大小為:80*80px的文檔.
再次新建一個圖層,命名:horizontal.選擇"矩形選區工具"繪制一個大小為80*40,并填充:#b52a51.設置不透明度為:20%.
新建一個圖層命名:vertical,使用"矩形工具"在左邊繪制一個40*80的圖形,并填充:#b52a51.設置不透明度為:30%.
新建一個組,把這兩個圖層放入進去,并命名:pattern.并設不透明度:30%.
關閉白色圖層的"睛眼",編輯>自定義圖案.

3.填充自定義圖案
新建一個圖層命名:patten;并填充白色,更改填充:0%。雙擊這個圖層,在彈出的"圖層樣式"窗口中選擇"圖案疊加"選擇我們上一步自定義的圖案,

4.頂部導航的制作
新建一個組"top bar".
新建一個圖層命名:top bar.選擇"矩形選區"工具,繪制一個1200*15并填充#a95858,位置如圖如示.雙擊這個圖層,給這個圖層添加一個"陰影"效果,其陰影:#473e2f.
新建一個圖層命名:1px line.選取"線條(U)"工具,繪制一個1px的線條,并填充:#8b4747.把位置放在緊靠矩形的下面.
按ctrl+J復制線條圖層,選擇"移動(V)"工具,位移到上一個線條的上面.并更改其顏色:#ca7373.

5.新建一個組"logo",打開一張食物的圖片,并命名此圖層為"ice cream icon" .
使用"文字工具" 設其顏色:#8d1c39.打上"標志文字".雙擊此圖層在彈出的"圖層樣式"設置(陰影,浮雕,漸變)的數據如下圖:

???????
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:網頁設計中常用的卷頁效果
下一篇:PS制作一個簡單又時尚的UI按扭








