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

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

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

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

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

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

看一下字體變大后導致的后果！

在橫排合窗、分窗中都有豎向固定的選項，可是豎排模式就沒有了哦。

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

這個就是把圖片取消掉，只留下邊框后的圖片，位置我是實現調好的。

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

我們點一下“添加”按鈕，會出現一個新的選項，叫“自定義圖片”。

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

現在把原先左邊的圖片導入，并且調試位置。

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

注意，在鼠標進入或者懸浮導入一個同樣的圖片，否則鼠標靠近軟件找不到圖片會直接顯示空白。

調試完畢！接下來右邊的吹風機如法泡制。

吹風機我設置的是靠右靠下，這樣皮膚拉伸大了不會把兩個圖片都往一個地方擠，顯得有點單調。

接下來返回窗口設置，我們按照剛才一樣的拉伸距離不動，再次把字體設置大，看看這次的效果。

Just cool!完美拉伸不變形，這就是我們要的效果。其他三種模式也是這樣操作的，需要注意的是，我們在做邊框的時候，必須要留一點直線區(qū)域可以無限拉伸或者平鋪的。

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

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

首先，個性化圖片對齊的位置，是與圖片的尺寸有直接關系的。比如說對齊上方，那么就是個性化圖片的最上方與邊框的最上方對齊。

既然如此，為什么我上面做的剪刀與吹風機不會對齊邊框而是探出呢？因為，我在邊框的上方留下了空白區(qū)域，這就是要點，包括下方也是。

這是在PS中，我這款皮膚的橫排同窗模式的分層個件。因為有一些使用了圖層混合選項，所以我復制了這個組，然后合并。

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

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

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

接下來說下個性化模塊在狀態(tài)欄的應用，會達到意想不到的效果。

照舊先上例圖：

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

其實，那個蘋果，是全半角的切換，而葉子則是呼出軟鍵盤的按鈕。這樣一講可能有些沖突，因為我們都知道狀態(tài)欄的圖片只能顯示而不能操作。

在這里不但能操作，而且好像根本就沒有顯示。這并不是勾上了“不使用圖片”這個選項，如果打開了這個選項，按鈕都無法顯示了。

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

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

也就是說，如果你中文切換按鈕導入了圖片，X軸Y軸位置設置為5和10。另外，中英標切換也是放在5，10這個位置。你會發(fā)現完全被之前的按鈕覆蓋，這是因為按鈕也有分層效果的。

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

最新評論