iqoo8發(fā)布時間和價格(iqoo8發(fā)售)
2024-05-19
更新時間:2024-05-19 09:04:17作者:未知
曾經(jīng)有講過海報的套版和怎么去使用代碼裝修到店鋪的教程,今天無腦講一下店招的無腦設(shè)計與裝修吧。
還是那句話,萌新要看,大神請繞道。
廢話就用不著去多說,直接開擼,打開PS,按CTRL+N 新建一個尺寸為950*150像素高,分辨率72dpi的文檔,高度150像素的話是會遮蓋系統(tǒng)自帶的導(dǎo)航條,這種后面裝修的時候再圖解。當(dāng)然店招設(shè)計有很多品種,這是之中一個無腦的排版方法,想做漂亮,奮斗學(xué)設(shè)計吧,加油。
選擇矩形工具(U),之后在界面中用鼠標(biāo)點一下后會彈出談話框,輸入950像素、30像素,這里30像素高只是店招里系統(tǒng)自帶的導(dǎo)航條的高度。
把你店鋪的商標(biāo)或者店名整上去,再加個小標(biāo)語,之后應(yīng)該在自己定義設(shè)置形狀(U)里搞個心形放進(jìn)去。再畫一個圓角長條矩形,上面打上字:關(guān)注我們。至于怎么去找心形,怎么學(xué)會圓角矩形的弧度,這些應(yīng)該去百度,也應(yīng)該留言問,這里不多講。
右邊畫一個矩形里面輸入文字:收藏店鋪或者收藏我們之類的文字,矩形做一個小描邊。如圖
之后只是導(dǎo)航條上的分類了。往往一般的分類包含:首頁、全部寶貝、XX尚新、熱賣講解等,后面只是你業(yè)務(wù)的分類了。例如外套、連衣裙、打底褲、套裝、衛(wèi)衣、褲子……這種詳細(xì)自己去分(全部要放上去的分類請?zhí)嵩缭诘赇伜笈_建立相應(yīng)分類并把業(yè)務(wù)歸類)。
中間還一些空,就加點優(yōu)惠券吧。當(dāng)然你也應(yīng)該加業(yè)務(wù)圖,我不怎么熱愛加業(yè)務(wù),感覺亂亂的,就加優(yōu)惠券吧。不加?xùn)|西的話一些處女座賣家會說:這里空著干什么,加我業(yè)務(wù)進(jìn)去……LOGO再大一點。
賣家,夠滿了吧。無腦的店招設(shè)計好了,接下來只是保存出去再上傳到你圖片空間里。這里也應(yīng)該做動態(tài)圖,使用時間軸,創(chuàng)建2幀以上的動態(tài)圖。
選擇第二幀,把要動起來的地方移動一下。例如暖冬尚新和滿減優(yōu)惠。選中暖冬尚新文字,按數(shù)字鍵5,這樣就應(yīng)該把這種文字的透視度方便的修改到50%(0-9自己去試驗),這樣我們第一幀的字體透視度是100%,第二幀只是50%,就會有一個由明到暗的變化之后把優(yōu)惠券分別:第一個第一幀上移一下,第二個第二幀下移一下。再把關(guān)注我們旁邊的小心心透視度調(diào)一下,與暖冬那個同理。末尾效果如下,即便有那么一點LOW,意在教你們怎么去做動態(tài)店招嘛。
做好后保存,問津-儲存為Web所用格式,方便鍵:Shift+Ctrl+Ait+S,彈出頁面右邊最上角選擇GIF格式(動態(tài)圖),其余默認(rèn)就好。如下圖
保存好后,再新建一個1920*150像素的文檔,之后再用矩形工具創(chuàng)建一個1920*30的矩形,并與店招一樣填充相同顏色。之后把矩形移動到最下面,按Shift+Ctrl+Ait+S方便鍵保存一張JPG圖片出去,這里是做的頁頭背景圖。
打開應(yīng)該在線轉(zhuǎn)代碼的網(wǎng)址,例如某工助手(現(xiàn)在是某定設(shè)計),尋找都應(yīng)該用全屏熱點生成工具。
把我們做好的店招圖上傳到你網(wǎng)店的圖片空間里(建議在圖片空間建立好對應(yīng)文件夾,以便后期管理),傳完后鼠標(biāo)放店招圖片上會有4個選項展現(xiàn)出去,選擇第二個:復(fù)制鏈接。如下圖
把復(fù)制好的鏈接,黏貼到熱點生成工具網(wǎng)址的對應(yīng)地點。如圖示。
之后用鼠標(biāo)在圖片上按左鍵畫出需要添加的熱點。如圖。
接著,就應(yīng)該把每一個熱點需要跳轉(zhuǎn)的鏈接復(fù)制到對應(yīng)熱點上了。詳細(xì)操作是點一下畫好的熱點框,右邊會彈出熱點屬性欄,把此熱點需要跳轉(zhuǎn)后的鏈接復(fù)制到屬性框的鏈接項目后就可。
例如店鋪收藏:打開自己店鋪首頁,鼠標(biāo)放自己店名處會展現(xiàn)出店鋪消息,右邊最下角有個收藏店鋪,鼠標(biāo)放收藏店鋪字樣上右鍵,點一下復(fù)制鏈接地址再回?zé)狳c網(wǎng)址頁面黏貼到熱點鏈接地點就可。分類鏈接請去后臺你創(chuàng)建分類的頁面復(fù)制,首頁只是你自己店鋪的網(wǎng)址鏈接就行。其它鏈接不會找就百度,這里不多講
熱點都搞定后,右邊最上角有個生成代碼。點一下生成代碼。復(fù)制代碼
打開店鋪頁面美化裝修,在店招地點雙擊打開寫模式,勾選自己定義設(shè)置。點一下代碼模式,復(fù)制剛才生成的代碼。下面高度輸入150。默認(rèn)是120,120高度會展現(xiàn)系統(tǒng)自帶導(dǎo)航。如果不需要自己設(shè)計的導(dǎo)航可在設(shè)置店招的時候做120高度就可。或者這里高度是默認(rèn)120也應(yīng)該。
這樣店招就完成80%了。因為還有一個頁面背景沒有設(shè)置。在裝修頁面最左側(cè)點選頁頭,頁頭背景色展現(xiàn)前勾去掉。頁頭下邊邊距選擇關(guān)閉,點一下更改頁頭背景圖,選擇我們曾經(jīng)做好的1920*150的背景圖。下面不平鋪并應(yīng)用到全部頁面。
這樣就搞定一個無腦的店招裝修了,預(yù)覽一下效果,點一下一下每一個熱點是否正確,末尾選擇發(fā)布就可。
好了,今天的教程結(jié)束,有什么不懂的應(yīng)該在下面留言,我有觀看到的就回復(fù),沒有觀看到的那么抱歉了,請找度娘吧。下一期我們講什么呢,我還沒想好……呵呵噠~