亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

photoshop制作網(wǎng)店產(chǎn)品詳情圖 PS設(shè)計實例 電商美工干貨教程

發(fā)布時間：2024-01-10 19:21:55 瀏覽量：401次

關(guān)注我，每天為你推送更多的電商美工設(shè)計教程。

大家好，今天給大家?guī)砀嗟脑O(shè)計干貨設(shè)計教程，不需要你太專業(yè)的水平，也不需要太多的設(shè)計基礎(chǔ)，跟著我的步伐，你也可以設(shè)計一個完美的店鋪產(chǎn)品詳情圖。我們來看看效果吧！

設(shè)計效果圖


第1步：打開photoshop軟件，新建文檔，文檔的尺寸我們使用750x1180像素，這個尺寸剛好正是我們手機(jī)看產(chǎn)品詳情的一屏，這也是目前最多人設(shè)計手機(jī)版詳情的尺寸。然后新建圖層文件夾，在文件夾里新建圖層，給圖層添加一個漸變背景，漸變的顏色先采用深綠色跟淡綠色，編碼為：#379901、#afe0a9


第2步：復(fù)制一張我們準(zhǔn)備好的素材圖片到文檔，然后按photoshop菜單中的濾鏡，高斯模糊對圖片進(jìn)行模糊處理，這樣即不侵權(quán)，又可以作為素材使用。在百度圖片里搜居家圖片，就很多素材可用。


第3步：用虛線框選擇底部圖片進(jìn)行刪除，讓底部素材圖片不會有虛化的效果，然后給素材圖片增加圖層蒙版，在蒙版中添加黑色到透明的漸變，讓素材自然融合到背景之中。

第4步：接著導(dǎo)入我們事先摳圖好的產(chǎn)品圖片，給產(chǎn)品調(diào)整好圖片大小。讓產(chǎn)品圖片靠左。


第5步：用粗的黑體輸入產(chǎn)品名稱與品質(zhì)信息，顏色暫時用黑色，最后進(jìn)行細(xì)節(jié)的修改。


第6步：在文字上面輸入英文字體，當(dāng)然有英文公司名可輸入，接著給英文字體增加一個圓角矩形框，圓角的弧度20像素。按Ctrl+回車轉(zhuǎn)換為選框，然后給選框描邊，描邊選擇1個像素，描邊的顏色暫時用黑色。


第7步：在大的文字下面輸入小的輔助廣告語，字體選擇細(xì)點的字體，顏色選擇灰色。最后在文字下面用圓角矩形工具畫3個圓點，然后填充灰色。


第8步：到這步，我們的設(shè)計基本設(shè)計好了，排版也排好了。接下來我們就是對產(chǎn)品詳情進(jìn)行調(diào)整細(xì)節(jié)了。我們?nèi)∠瓉碓O(shè)計的背景，發(fā)現(xiàn)不要綠色的背景還更好看，更協(xié)調(diào)。


第9步：給我們原來設(shè)計的綠色背景添加一個圖層樣式，樣式中我們選擇灰色的漸變。


第10步：在背景層上新建圖層，前景色設(shè)置黑色，用畫筆在上面隨意畫幾筆，然后用模糊工具進(jìn)行模糊處理。


第11步：經(jīng)過黑色模糊濾鏡后，我們按照同樣的方法新建圖層，然后畫白色的涂鴉，然后同樣的方法高斯模糊處理，給整個背景增加亮的白色。


第12步：白色模糊處理好后，我們給大的粗體字增加一個圖層樣式，選擇外發(fā)光跟漸變疊加，漸變選擇黑色到深灰色漸變。最后在背景的底部畫一條橫線，橫線粗2像素，顏色選用白色。這樣基本就設(shè)計好了。



小伙伴們，今天的干貨分享如何？你學(xué)會了嗎？剛學(xué)的新人也能設(shè)計大氣的網(wǎng)店產(chǎn)品詳情圖。如有疑問，歡迎在評論區(qū)留言給我！

關(guān)注我，每天為你推送更多的電商美工設(shè)計教程。

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定