1. <dd id="nlasp"></dd>

        <div id="nlasp"><tr id="nlasp"></tr></div>
        1. <em id="nlasp"></em>
          1. 當前位置: 首頁 > 設計教程 > 網頁設計教程 > Photoshop設計透明質感的產品介紹頁面

            Photoshop設計透明質感的產品介紹頁面

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

            教程用到的素材:

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

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

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

            現在,在我們開始之前,讓我們看看我們的最終產品:

            Photoshop設計透明質感的產品介紹頁面

            步驟1:

            打開Photoshop創建一個寬度:700 px 高度: 800 px的新文件。

            Photoshop設計透明質感的產品介紹頁面

            步驟2:

            現在,打開背景圖像,并將其粘貼到我們新建的Photoshop文件中。

            然后點擊“濾鏡”>“模糊”>“高斯模糊。“你也可以通過使用“圖像”>“調整”>“亮度/對比度。”

            Photoshop設計透明質感的產品介紹頁面

            步驟3:

            選擇矩形工具, 使用顏色值為# ffffff創建一個矩形。

            Photoshop設計透明質感的產品介紹頁面

            步驟4:

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

            Photoshop設計透明質感的產品介紹頁面

            步驟5:

            選中矩形圖層,打開“圖層樣式”窗口。并應用下列圖層樣式設置:

            描邊:大小1px, 不透明度40%; 其余設置不變 顏色:#ffffff

            Photoshop設計透明質感的產品介紹頁面

            內陰影:

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

            顏色:#FFFFFF

            不透明度:22%

            距離:5px

            大小:51px

            Photoshop設計透明質感的產品介紹頁面

            外發光:

            混合模式:疊加

            不透明度:75%

            顏色:#FFF;

            (從下面的開始將不再詳細翻譯,相信讀者都應該能看懂!如果不懂就百度谷歌,實在不行可以聯系我!教程盒子)

            Photoshop設計透明質感的產品介紹頁面
            Photoshop設計透明質感的產品介紹頁面

            步驟6:

            選擇矩形工具,創建一個小矩形。降低層的透明度到30%。

            Photoshop設計透明質感的產品介紹頁面

            分享到: 
            Photoshop設計大氣黑色風格的網頁模板
            Photoshop設計移動APP應用類型網站

            熱門推薦

            体彩11选5开奖查询