ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- 2022-12-24 19:46:31
- 來源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
接下篇: PhotoShop設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁效果教程(下) 本教程教我們用PhotoShop設(shè)計制作一個美食blog網(wǎng)頁效果。 這個網(wǎng)頁最大的特色在于,底部使用了桌布的圖案,感覺有點居家的氣氛。再搭配上簡潔的布局,好似一個家的感覺。 先看效果圖: 1。新建一個大小為
2.創(chuàng)建自定義圖案
按ctrl+N新建一個大小為:80*80px的文檔.
再次新建一個圖層,命名:horizontal.選擇"矩形選區(qū)工具"繪制一個大小為80*40,并填充:#b52a51.設(shè)置不透明度為:20%.
新建一個圖層命名:vertical,使用"矩形工具"在左邊繪制一個40*80的圖形,并填充:#b52a51.設(shè)置不透明度為:30%.
新建一個組,把這兩個圖層放入進去,并命名:pattern.并設(shè)不透明度:30%.
關(guān)閉白色圖層的"睛眼",編輯>自定義圖案.

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

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

*PSjia.COM 傾力出品,轉(zhuǎn)載請注明來自PS家園網(wǎng)(m.sz-xdd.com.cn)
標簽(TAG) 網(wǎng)頁模板








