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