ps設(shè)計(jì)半透明的網(wǎng)站商品介紹頁(yè)

在所有電子商務(wù)網(wǎng)站，定價(jià)表中起著非常重要的作用。通過(guò)精心設(shè)計(jì)，可以讓來(lái)網(wǎng)站的布局、顏色和字體更加完美，使你的網(wǎng)站能最大程度地吸引潛在客戶(hù)。一個(gè)粗制濫造的設(shè)計(jì)將會(huì)讓你失去你的客戶(hù)，但是一個(gè)好的設(shè)計(jì)將帶給你更多的客戶(hù)。如果你的定價(jià)表不夠明確或者覺(jué)得不夠凸顯,客戶(hù)可能不會(huì)接受你的任何產(chǎn)品。讓你的客戶(hù)感覺(jué)你的定價(jià)表需要明確和一致的。客戶(hù)需要能夠迅速地比較你的每個(gè)產(chǎn)品的價(jià)格優(yōu)勢(shì)等不同的信息。所以,今天我們要利用photoshop打造一個(gè)明確的定價(jià)表。我們將使用不同的紋理、效果和混合技術(shù)來(lái)實(shí)現(xiàn)一個(gè)“透明的玻璃”的方法。

教程用到的素材：

織物紋理(http://brushsoulz.com/8-tileable-fabric-texture-patterns)

粗糙的紋理(http://brushsoulz.com/tileable-midnight-blue-grunge-patterns)

背景圖像(http://black-moon16.deviantart.com/gallery/#/d1mnhsb)

現(xiàn)在,在我們開(kāi)始之前,讓我們看看我們的最終產(chǎn)品:

步驟1:

打開(kāi)Photoshop創(chuàng)建一個(gè)寬度：700 px 高度： 800 px的新文件。

步驟2:

現(xiàn)在,打開(kāi)背景圖像,并將其粘貼到我們新建的Photoshop文件中。

然后點(diǎn)擊“濾鏡”>“模糊”>“高斯模糊。“你也可以通過(guò)使用“圖像”>“調(diào)整”>“亮度/對(duì)比度。”

步驟3:

選擇矩形工具, 使用顏色值為# ffffff創(chuàng)建一個(gè)矩形。

步驟4:

改變其混合模式為“柔光”和降低填充和不透明度到90%。

步驟5:

選中矩形圖層，打開(kāi)“圖層樣式”窗口。并應(yīng)用下列圖層樣式設(shè)置:

描邊：大小1px, 不透明度40%; 其余設(shè)置不變 顏色：#ffffff

內(nèi)陰影：

混合模式:線(xiàn)性減淡(添加)

顏色：#FFFFFF

不透明度：22%

距離：5px

大小：51px

外發(fā)光：

混合模式：疊加

不透明度：75%

顏色：#FFF;

(從下面的開(kāi)始將不再詳細(xì)翻譯，相信讀者都應(yīng)該能看懂!如果不懂就百度谷歌，實(shí)在不行可以聯(lián)系我!教程盒子)

步驟6:

選擇矩形工具,創(chuàng)建一個(gè)小矩形。降低層的透明度到30%。