ps一個木紋風格網(wǎng)頁模板(4)

來源:未知 作者:PS學堂 學習:11333人次

18.用圓角矩形工具,拉一個圓角矩形,添加圖層樣式,然后復(fù)制一層,拉到另一個圓形上面,形成對稱

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

19.接下來做分割線,分割線的制作方法有很多,你可以看我的效果圖,取色,然后用1px的鉛筆制作如圖的三條。

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

20.然后用硬度為0%的橡皮擦工具,在分割線的兩頭進行擦除

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

21.前景色設(shè)置為505050,打上“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lobortis dui non odio lacinia adipiscing. Donec at dolor ac justo dignissim feugiat quis ut lectus. Donec lacinia imperdiet est, sit amet bibendum eros malesuada et. Donec faucibus congue nibh et imperdiet. ”這段話,也是郵件的介紹說明文字

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

22.前景色設(shè)置為#16a5da,選擇圓角矩形工具,圓角半徑設(shè)置為5px,做一個點擊按鈕,用Happy Phantom字體打上Read Me字樣,然后添加圖層樣式

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

 

23.用矩形工具,新建一個236X112 px大小的矩形,顏色設(shè)置為#1495c5,添加圖層樣式

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

24.在此圖層下面新建一個黑色的矩形,旋轉(zhuǎn)到一定的角度

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

25.執(zhí)行 濾鏡--模糊--高斯模糊

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

26.移動到合適的位置,不透明度設(shè)置為33%,然后復(fù)制一層,ctrl+T,右鍵,水平翻轉(zhuǎn),然后拉到合適的位置,最后效果如圖,讓人感覺有立體感

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

27.選擇矩形工具,拉一個適當?shù)恼叫,圖層樣式設(shè)置如下,拉入圖片,做剪切蒙板

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

28.在正方形下面新建一個白色的長方形,不透明度設(shè)置為15%

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

29.然后給產(chǎn)品添加產(chǎn)品名稱和價格信息,然后添加立即購買按鈕,Product Name和$10.99是用Happy Phantom字體,下面的那行小字“ Integer ut purus elit. Maecenas diam tortor, tempor ut gravida eget, eleifend laoreet ligula.”和“Buy Now”此部分字體為Arial,是系統(tǒng)自帶的。

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

30.將上訴的小產(chǎn)品價格標簽合并到一個組,然后復(fù)制3個,擺好位置,在左下角和右下角增加一些版權(quán)信息和分享按鈕,就完成了一封郵件的設(shè)計了。

Photoshop設(shè)計國外木紋風格的網(wǎng)頁模板,PS教程,16xx8.com教程網(wǎng)

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!