之前有講過海報的套版和怎麼用代碼裝修到店鋪的教程,今天簡單講一下店招的簡單設計與裝修吧。

還是那句話,新手要看,大神請繞道。

廢話不多說,直接開擼,打開PS,按CTRL+N 新建一個尺寸為950*150像素高,解析度72dpi的文檔,高度150像素的話是會遮蓋系統自帶的導航條,這個後面裝修的時候再圖解。當然店招設計有很多種,這是其中一個簡單的排版方式,想做好看,努力學設計吧,加油。

選擇矩形工具(U),然後在畫面中用滑鼠點一下後會彈出對話框,輸入950像素、30像素,這裡30像素高就是店招里系統自帶的導航條的高度。

把你店鋪的商標或者店名整上去,再加個小標語,然後可以在自定義形狀(U)里搞個心形放進去。再畫一個圓角長條矩形,上面打上字:關注我們。至於怎麼去找心形,怎麼掌握圓角矩形的弧度,這些可以去百度,也可以留言問,這裡不多講。

右邊畫一個矩形裡面輸入文字:收藏店鋪或者收藏我們之類的文字,矩形做一個小描邊。如圖

然後就是導航條上的分類了。一般的分類包含:首頁、所有寶貝、XX尚新、熱賣推薦等,後面就是你產品的分類了。比如外套、連衣裙、打底褲、套裝、衛衣、褲子……這個具體自己去分(所有要放上去的分類請提前在店鋪後台建立相應分類並把產品歸類)。

中間還有些空,就加點優惠券吧。當然你也可以加產品圖,我不怎麼喜歡加產品,感覺亂亂的,就加優惠券吧。不加東西的話有些處女座老闆會說:這裡空著幹什麼,加我產品進去……LOGO再大一點。

老闆,夠滿了吧。簡單的店招設計好了,接下來就是保存出來再上傳到你圖片空間里。這裡也可以做動態圖,利用時間軸,創建2幀以上的動態圖。

選擇第二幀,把要動起來的地方移動一下。比如暖冬尚新和滿減優惠。選中暖冬尚新文字,按數字鍵5,這樣就可以把這個文字的透明度快捷的調整到50%(0-9自己去試驗),這樣我們第一幀的字體透明度是100%,第二幀就是50%,就會有一個由明到暗的變化然後把優惠券分別:第一個第一幀上移一下,第二個第二幀下移一下。再把關注我們旁邊的小心心透明度調一下,與暖冬那個同理。最後效果如下,雖然有點LOW,意在教你們怎麼做動態店招嘛。

做好後保存,問津-儲存為Web所用格式,快捷鍵:Shift+Ctrl+Ait+S,彈出頁面右上角選擇GIF格式(動態圖),其餘默認就好。如下圖

保存好後,再新建一個1920*150像素的文檔,然後再用矩形工具創建一個1920*30的矩形,並與店招一樣填充相同顏色。然後把矩形移動到最下面,按Shift+Ctrl+Ait+S快捷鍵保存一張JPG圖片出來,這裡是做的頁頭背景圖。

打開可以在線轉代碼的網站,比如某工助手(現在是某定設計),找到通用全屏熱點生成工具。

把我們做好的店招圖上傳到你網店的圖片空間里(建議在圖片空間建立好對應文件夾,以便後期管理),傳完後滑鼠放店招圖片上會有4個選項顯示出來,選擇第二個:複製鏈接。如下圖

把複製好的鏈接,黏貼到熱點生成工具網站的對應位置。如圖示。

然後用滑鼠在圖片上按左鍵畫出需要添加的熱點。如圖。

接著,就可以把每個熱點需要跳轉的鏈接複製到對應熱點上了。具體操作是點擊畫好的熱點框,右邊會彈出熱點屬性欄,把此熱點需要跳轉後的鏈接複製到屬性框的鏈接項目後即可。

比如店鋪收藏:打開自己店鋪首頁,滑鼠放自己店名處會顯示出店鋪信息,右下角有個收藏店鋪,滑鼠放收藏店鋪字樣上右鍵,點擊複製鏈接地址再回熱點網站頁面黏貼到熱點鏈接位置即可。分類鏈接請去後台你創建分類的頁面複製,首頁就是你自己店鋪的網址鏈接就行。其它鏈接不會找就百度,這裡不多講

熱點都搞定後,右上角有個生成代碼。點擊生成代碼。複製代碼

打開店鋪裝修,在店招位置雙擊打開編輯模式,勾選自定義。點擊代碼模式,複製剛才生成的代碼。下面高度輸入150。默認是120,120高度會顯示系統自帶導航。如果不需要自己設計的導航可在設置店招的時候做120高度即可。或者這裡高度是默認120也可以。

這樣店招就完成80%了。因為還有一個頁面背景沒有設置。在裝修頁面最左側點選頁頭,頁頭背景色顯示前勾去掉。頁頭下邊邊距選擇關閉,點擊更換頁頭背景圖,選擇我們之前做好的1920*150的背景圖。下面不平鋪並應用到所有頁面。

這樣就搞定一個簡單的店招裝修了,預覽一下效果,點擊一下每個熱點是否正確,最後選擇發布即可。

好了,今天的教程結束,有什麼不懂的可以在下面留言,我有看到就回復,沒有看到那就抱歉了,請找度娘吧。下一期我們講什麼呢,我還沒想好……呵呵噠~
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/274394.html