ps一個(gè)木紋風(fēng)格網(wǎng)頁(yè)模板(4)
18.用圓角矩形工具,拉一個(gè)圓角矩形,添加圖層樣式,然后復(fù)制一層,拉到另一個(gè)圓形上面,形成對(duì)稱
19.接下來(lái)做分割線,分割線的制作方法有很多,你可以看我的效果圖,取色,然后用1px的鉛筆制作如圖的三條。
20.然后用硬度為0%的橡皮擦工具,在分割線的兩頭進(jìn)行擦除
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. ”這段話,也是郵件的介紹說(shuō)明文字
22.前景色設(shè)置為#16a5da,選擇圓角矩形工具,圓角半徑設(shè)置為5px,做一個(gè)點(diǎn)擊按鈕,用Happy Phantom字體打上Read Me字樣,然后添加圖層樣式
23.用矩形工具,新建一個(gè)236X112 px大小的矩形,顏色設(shè)置為#1495c5,添加圖層樣式
24.在此圖層下面新建一個(gè)黑色的矩形,旋轉(zhuǎn)到一定的角度
25.執(zhí)行 濾鏡--模糊--高斯模糊
26.移動(dòng)到合適的位置,不透明度設(shè)置為33%,然后復(fù)制一層,ctrl+T,右鍵,水平翻轉(zhuǎn),然后拉到合適的位置,最后效果如圖,讓人感覺(jué)有立體感
27.選擇矩形工具,拉一個(gè)適當(dāng)?shù)恼叫危瑘D層樣式設(shè)置如下,拉入圖片,做剪切蒙板
28.在正方形下面新建一個(gè)白色的長(zhǎng)方形,不透明度設(shè)置為15%
29.然后給產(chǎn)品添加產(chǎn)品名稱和價(jià)格信息,然后添加立即購(gòu)買按鈕,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)自帶的。
30.將上訴的小產(chǎn)品價(jià)格標(biāo)簽合并到一個(gè)組,然后復(fù)制3個(gè),擺好位置,在左下角和右下角增加一些版權(quán)信息和分享按鈕,就完成了一封郵件的設(shè)計(jì)了。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- PS學(xué)堂
- 設(shè)計(jì)
- Photoshop
- 風(fēng)格
- 網(wǎng)頁(yè)模板
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁(yè)模板,設(shè)計(jì)酒吧主題網(wǎng)頁(yè)模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程
- ps黑色風(fēng)格網(wǎng)頁(yè)模板
- PS設(shè)計(jì)一個(gè)葡萄酒博客網(wǎng)頁(yè)模板
- ps設(shè)計(jì)時(shí)尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
- photoshop設(shè)計(jì)企業(yè)網(wǎng)站首頁(yè)實(shí)例
- ps創(chuàng)建常見(jiàn)的網(wǎng)頁(yè)風(fēng)格教程系列一
- ps設(shè)計(jì)制作古樸風(fēng)格的網(wǎng)站
- PS設(shè)計(jì)制作一個(gè)清爽的藍(lán)色海洋風(fēng)格網(wǎng)
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
推薦教程
- Photoshop簡(jiǎn)單酒吧網(wǎng)頁(yè)制作實(shí)戰(zhàn)
- ps cs6設(shè)計(jì)時(shí)尚促銷專題頁(yè)教程
- photoshop制作網(wǎng)站流程圖解
- PS教程:設(shè)計(jì)BoxedArt網(wǎng)站模板教程
- Photoshop中創(chuàng)建簡(jiǎn)潔專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)
- Photoshop教程:制作3D網(wǎng)頁(yè)效果
- PS設(shè)計(jì)教程:整潔的具有現(xiàn)代氣息的web站點(diǎn)
- PS設(shè)計(jì)教程之制作WordPress新聞博客模
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop制作網(wǎng)站首頁(yè)(1):首頁(yè)主體制作