淘寶店鋪裝修中,一個好的全屏店招和導航欄能夠拓寬消費者的視線範圍,給顧客營造恢弘大氣的店鋪印象。如下圖。本文詳述淘寶全屏店招及導航欄的製作方法。
方法/步驟
製作之前先進行分析。全屏店招的預設寬度是1920px,淘寶裝修頁面的店招預設寬度950px,導航欄的預設高度是30px,店招預設寬度是150px。為了讓店招看起來更長,效果更寬廣。小編將設定一個高度100px,寬度1920px的全屏店招及導航欄。要做全屏效果需要用到兩個頁面裝修的貼合。一個是淘寶店招,一個是店招的背景圖。下圖中紅色數字1為背景圖,數字2為店招圖區域。也就是說我們要做兩張圖片,一張店招圖,一張背景圖。並且背景圖和店招圖要完美貼合。
開啟ps,新建檔案,寬度950,高度100px。把事先準備好的背景圖片拖入新建的圖層,建議最好使用平鋪背景圖。滑鼠左鍵點選圖片拖動到新建圖層。
多次複製圖層,使背景圖片填充整個圖層。點選文字按鈕,簡單設計一下,輸入店鋪名字。
點選右下角圖層效果,勾選斜面和浮雕。具體效果根據自己喜好來定。
右側SEARCH按鈕的設計方法,新建一個圖層,點選選取工具,框選一個矩形區域,填充適合的顏色。同樣使用圖層效果,勾選鞋面和浮雕,這次效果的大小改成2。點選確定。再輸入文字資訊即可。儲存圖片。
進入賣家中心,圖片空間,上傳圖片。
進入裝修後臺,編輯店招頁面,插入之前上傳的圖片,記住高度要勾選100px。因為小編設計的店招圖片高度是100ps。點選儲存。
預覽效果如下,此時店招已經修改好,需要再次修改背景圖。根據下圖分析可得,如果要設定出全屏效果,背景圖必須是1920px寬,130px高。且背景圖下方有一條高30Px的深藍色導航欄。
擷取導航欄的一部分圖片在ps開啟,使用吸附工具吸取導航欄的圖片顏色點選確定。
新建背景圖檔案,把之前的背景圖片拉入進來複制填充。再新建圖層填充一個矩形選區。矩形選區的高度是30px。把矩形選區填充之前吸附的導航欄顏色,移動到下圖所示位置,拉長填滿底部。
最後的效果圖如圖1所示,儲存。進入賣家中心,店鋪裝修頁面--點選頁頭--第一個顯示去掉勾選--頁頭背景圖點選更換圖片,插入前面儲存的圖片。
預覽最終效果。
注意事項
覺得有幫助請點選投票哦!
長期更新,點選右側頭像關注或加好友聯絡我!