個(gè)性化圖片模塊和動(dòng)態(tài)皮膚目前只支持拼音輸入法，與五筆用戶無(wú)緣。

基本上，很多人在沒(méi)有明白個(gè)性化圖片這個(gè)功能之前，做皮膚都是直接編輯一張圖片出來(lái)，然后把拉伸部分設(shè)置在空白區(qū)域。

例1：這是我制作的一款熒光類皮膚，這是直接使用一張編輯裁剪好的圖片放上的，再看看我的拉伸距離設(shè)置。

由于我這個(gè)邊框是直線的，所以不管選擇平鋪或者拉伸，都不影響造型。問(wèn)題是，在橫向狀態(tài)下，怎么操作都不成問(wèn)題。

豎向只要一拉，就出糗啦。當(dāng)然，豎向拉伸一般是換成了大些的字體才會(huì)用到。但是我們做皮膚方方面面都要考慮周全，才能應(yīng)對(duì)不同的使用者。

比如，有些人的電腦顯示器尺寸較大，需要更大的字體才能看得清晰。又比如，有些人習(xí)慣使用豎排合窗、分窗的模式。

看一下字體變大后導(dǎo)致的后果！

在橫排合窗、分窗中都有豎向固定的選項(xiàng)，可是豎排模式就沒(méi)有了哦。

如果，我們把兩邊的圖片取消掉，剩下一個(gè)邊框，那么就能完美拉伸了。所以，這里就要用到個(gè)性化模塊的功能。

這個(gè)就是把圖片取消掉，只留下邊框后的圖片，位置我是實(shí)現(xiàn)調(diào)好的。

接下來(lái)，點(diǎn)擊編輯軟件上方窗口設(shè)置旁邊的按鈕設(shè)置。這里可以添加默認(rèn)的功能按鈕，狀態(tài)欄與寫(xiě)作窗口合并的皮膚就是在這里編輯的。

我們點(diǎn)一下“添加”按鈕，會(huì)出現(xiàn)一個(gè)新的選項(xiàng)，叫“自定義圖片”。

在自定義圖片中我們可以設(shè)置在平常狀態(tài)下的顯示效果，還有靠近、離開(kāi)的效果。

現(xiàn)在把原先左邊的圖片導(dǎo)入，并且調(diào)試位置。

注意！對(duì)齊區(qū)域選擇正中，其他別的方向都會(huì)對(duì)皮膚效果造成直接的美觀影響。然后，我這把剪刀準(zhǔn)備是靠左上的，所以我豎直對(duì)齊上，水平對(duì)齊左。

注意，在鼠標(biāo)進(jìn)入或者懸浮導(dǎo)入一個(gè)同樣的圖片，否則鼠標(biāo)靠近軟件找不到圖片會(huì)直接顯示空白。

調(diào)試完畢！接下來(lái)右邊的吹風(fēng)機(jī)如法泡制。

吹風(fēng)機(jī)我設(shè)置的是靠右靠下，這樣皮膚拉伸大了不會(huì)把兩個(gè)圖片都往一個(gè)地方擠，顯得有點(diǎn)單調(diào)。

接下來(lái)返回窗口設(shè)置，我們按照剛才一樣的拉伸距離不動(dòng)，再次把字體設(shè)置大，看看這次的效果。

Just cool!完美拉伸不變形，這就是我們要的效果。其他三種模式也是這樣操作的，需要注意的是，我們?cè)谧鲞吙虻臅r(shí)候，必須要留一點(diǎn)直線區(qū)域可以無(wú)限拉伸或者平鋪的。

---------------------------------------------------------------------------------------------------------

上面提及的是怎樣使用個(gè)性化模塊，其中有一個(gè)要點(diǎn)必須著重講解一下。

首先，個(gè)性化圖片對(duì)齊的位置，是與圖片的尺寸有直接關(guān)系的。比如說(shuō)對(duì)齊上方，那么就是個(gè)性化圖片的最上方與邊框的最上方對(duì)齊。

既然如此，為什么我上面做的剪刀與吹風(fēng)機(jī)不會(huì)對(duì)齊邊框而是探出呢？因?yàn)?，我在邊框的上方留下了空白區(qū)域，這就是要點(diǎn)，包括下方也是。

這是在PS中，我這款皮膚的橫排同窗模式的分層個(gè)件。因?yàn)橛幸恍┦褂昧藞D層混合選項(xiàng)，所以我復(fù)制了這個(gè)組，然后合并。

合并完成之后，就是剛才上面教程剛開(kāi)始使用的那張圖片了。載入選區(qū)，裁剪，然后隱藏這個(gè)圖層。然后打開(kāi)原先的組，把個(gè)件顯示出來(lái)，然后去掉左右兩邊的圖片。

這樣，我們就做出了一張單獨(dú)邊框的圖片，并且上下都有空白區(qū)域。

---------------------------------------------------------------------------------------------------------

接下來(lái)說(shuō)下個(gè)性化模塊在狀態(tài)欄的應(yīng)用，會(huì)達(dá)到意想不到的效果。

照舊先上例圖：

這個(gè)熒光的蘋果logo看似就是一個(gè)中英文切換按鈕，還有另外一個(gè)中英標(biāo)切換按鈕，而狀態(tài)欄就是那個(gè)熒光邊框的蘋果。

其實(shí)，那個(gè)蘋果，是全半角的切換，而葉子則是呼出軟鍵盤的按鈕。這樣一講可能有些沖突，因?yàn)槲覀兌贾罓顟B(tài)欄的圖片只能顯示而不能操作。

在這里不但能操作，而且好像根本就沒(méi)有顯示。這并不是勾上了“不使用圖片”這個(gè)選項(xiàng)，如果打開(kāi)了這個(gè)選項(xiàng)，按鈕都無(wú)法顯示了。

其實(shí)整個(gè)操作過(guò)程很簡(jiǎn)單，按鈕部分照樣是添加圖片顯示。重點(diǎn)是狀態(tài)欄圖片，我們使用一張與蘋果和葉子整體尺寸一樣大的空白圖片。

就是這樣簡(jiǎn)單！當(dāng)然，要注意的是，在狀態(tài)欄按鈕的處理上！按鈕并不是同層顯示，而是由前到后，由上到下顯示的。

也就是說(shuō)，如果你中文切換按鈕導(dǎo)入了圖片，X軸Y軸位置設(shè)置為5和10。另外，中英標(biāo)切換也是放在5，10這個(gè)位置。你會(huì)發(fā)現(xiàn)完全被之前的按鈕覆蓋，這是因?yàn)榘粹o也有分層效果的。

所以，我這個(gè)蘋果的中英文切換按鈕，中英標(biāo)切換按鈕，是直接顯示在蘋果的上方，而不是被遮擋在黑色部分的下方。所以添加個(gè)性化模塊也是有層次關(guān)系的，并且添加的個(gè)性化模塊都是排列在按鈕的后面。

最新評(píng)論