日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps設計半透明的網站商品介紹頁

ps設計半透明的網站商品介紹頁

時間:2024-02-29 12:45作者:下載吧人氣:17

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

教程用到的素材:

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

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

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

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

ps設計半透明的網站商品介紹頁

步驟1:

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

ps設計半透明的網站商品介紹頁

步驟2:

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

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

ps設計半透明的網站商品介紹頁

步驟3:

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

ps設計半透明的網站商品介紹頁

步驟4:

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

ps設計半透明的網站商品介紹頁

步驟5:

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

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

ps設計半透明的網站商品介紹頁

內陰影:

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

顏色:#FFFFFF

不透明度:22%

距離:5px

大小:51px

ps設計半透明的網站商品介紹頁

外發光:

混合模式:疊加

不透明度:75%

顏色:#FFF;

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

ps設計半透明的網站商品介紹頁

ps設計半透明的網站商品介紹頁

步驟6:

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

ps設計半透明的網站商品介紹頁

第7步:

現在,點擊“層”>“圖層樣式”>“圖案疊加,”這將使你的定價表看起來像起透明的玻璃。

ps設計半透明的網站商品介紹頁

步驟8:

點擊“層”>“圖層樣式”>“描邊”,按照如下設置(不要告訴我你英文看不懂,他的界面跟中文版的一樣,照著弄就好了)

ps設計半透明的網站商品介紹頁

步驟9:

現在我們將開始構建標題區,所以選擇矩形選框工具和選擇的一部分矩形。然后,填充顏色# 83 b8cc。

ps設計半透明的網站商品介紹頁

第十步:

讓我們添加一些模式和梯度矩形,我們剛剛創建的。使用以下設置:

ps設計半透明的網站商品介紹頁

ps設計半透明的網站商品介紹頁

第11步:

重復相同的過程和創建一個相同的矩形在底部。

ps設計半透明的網站商品介紹頁

第12步:

現在我們需要畫橫幅,選擇鋼筆工具并創建如下所示的形狀。點擊路徑并單擊“選擇。“然后,填充顏色# c72424。

ps設計半透明的網站商品介紹頁

第13步:

創建一個新圖層,選擇一個小圓刷,并使用它兩邊的橫幅稍微更深的顏色。

ps設計半透明的網站商品介紹頁

步驟14:

現在,讓我們添加一些樣式。添加下面的圖層樣式使用下面提供的設置。

ps設計半透明的網站商品介紹頁

ps設計半透明的網站商品介紹頁

ps設計半透明的網站商品介紹頁

步驟15:

創建一個新圖層,選擇鋼筆工具,并創建一個小矩形。填補它與顏色# ffffff,減少透明度為25%。

ps設計半透明的網站商品介紹頁

步驟16:

現在選擇文本工具并添加所需的文本。然后,點擊“層”>“圖層樣式”>“陰影”,并使用以下設置。

ps設計半透明的網站商品介紹頁

第17步:

再一次,選擇文本工具和添加標題文本使用顏色# 003 a58。

ps設計半透明的網站商品介紹頁

步驟18:

現在,點擊“層”>“圖層樣式”>“陰影”,并使用相同的設置以下。

ps設計半透明的網站商品介紹頁

步驟19:

重復相同的過程,添加“現在注冊”在底部。

ps設計半透明的網站商品介紹頁

20步:

選擇行工具并創建一條水平線與一個1 px的高度和顏色# 030303。這一行將單獨的文本,以便它顯得整潔和有組織的。

ps設計半透明的網站商品介紹頁

第21步:

讓我們添加一些陰影和外發光,這行;打開“圖層樣式”的窗口和應用下列圖層樣式:

ps設計半透明的網站商品介紹頁

ps設計半透明的網站商品介紹頁

步驟22:

重復上一步,多創建幾行/分隔符。

ps設計半透明的網站商品介紹頁

23步:

選擇文本工具和添加文本使用顏色# 464646。然后,點擊圖層樣式和添加一些陰影。使用以下設置:

ps設計半透明的網站商品介紹頁

步驟24

直接復制文本,修改內容!按照上述步驟進行。

ps設計半透明的網站商品介紹頁

步驟25:

選擇硬圓刷,并創建一個小箭頭使用顏色# 464646。然后點擊“圖層樣式”和添加一些內陰影和投影到它。使用以下設置:

ps設計半透明的網站商品介紹頁

ps設計半透明的網站商品介紹頁

26步:

復制箭頭

ps設計半透明的網站商品介紹頁

步驟27:

最后,給表格提高亮度。使用橢圓工具在右邊與顏色# ffffff。

ps設計半透明的網站商品介紹頁

點擊新創建的層和選擇”——柵格化層。“然后,改變混合模式為“疊加”和減少透明度為25%。使用橡皮擦工具來刪除不必要的橢圓。

我們的時尚透明價格桌子就完成了。我希望你學到了一些東西,像最終結果。謝謝你閱讀!

ps設計半透明的網站商品介紹頁

當你讀到這里,相信你已經學完本教程。本教程由月靚翻譯,zeplyn編輯,翻譯的不是很到位,希望各位讀者諒解。

在接下來的教程中,我們會努力完善,使每位讀者都能看懂。如果你有好的教程,可以給我們供稿。

標簽介紹,頁面,產品,質感,設計,透明,Photoshop

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 2022国产91精品久久久久久 | 久久亚洲精品中文字幕亚瑟 | 免费一级欧美大片在线观看 | 美女张开腿双腿让男人桶 | 三级黄色片在线免费观看 | 亚洲精品国产精品国自产网站 | 九九精品视频在线观看 | 动漫精品一区二区 | 国产精品久久久99 | 成人久久久久 | 99久久免费国产精品 | 日韩国产欧美一区二区三区在线 | 亚洲激情黄色 | 亚洲成人黄色在线观看 | 亚洲国产精品成人综合久久久 | 一本三道a无线码一区v | 日韩欧美一区二区三区在线 | 亚洲国产成人久久综合一区77 | 免费网站看v片在线香蕉 | 免费国产成人18在线观看 | 在线日韩欧美 | 欧美视频在线一区二区三区 | 欧美激情伦妇在线观看 | 美女扒开腿让男人桶个爽 | a毛片免费全部播放毛 | 亚洲国产天堂久久九九九 | 特黄特黄一级高清免费大片 | a级毛片免费看 | 成人全黄三级视频在线观看 | 呦视频在线一区二区三区 | 亚洲精品手机在线 | 国产精品一区二区久久精品涩爱 | 国产自一区 | 久久亚洲国产的中文 | 日本一线一区二区三区免费视频 | 韩国女主播青草在线观看 | 特级毛片全部免费播放器 | 久草资源在线播放 | 国内视频一区二区 | 视频三区精品中文字幕 | 天天摸天天爽视频69视频 |