【導(dǎo)讀】QQ皮膚制作及皮膚編輯器用戶(hù)手冊(cè)

　　

【正文】 9 頁(yè) 共 65 頁(yè) 49 此外，可以大家會(huì)發(fā)現(xiàn)，在 中不僅僅系統(tǒng)菜單一個(gè)，如圖 4 49 還包括狀態(tài)菜單和好友右鍵菜單等，其實(shí)這部分菜單在皮膚編輯器中是默認(rèn)采用了如圖 50 中菜單的設(shè)置，所以無(wú)須另外設(shè)置。 圖 48 圖 49 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 50 頁(yè) 共 65 頁(yè) 50 圖 50 如圖 51， 為皮膚“中國(guó)龍”的菜單制作后的效果： 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 51 頁(yè) 共 65 頁(yè) 51 圖 51 2． 12 皮膚聊天窗口制作 聊天窗口部分的制作包括基本信息、邊框、大小工具欄、側(cè)邊條、好友信息欄、按鈕組等部分的設(shè)置。 如圖 52： 圖 52 2． 12． 1 基本信息 制作 基本信息部的皮膚制作分主要是聊天窗口中的背景和各區(qū)域邊框的顏色設(shè)置 如圖 53?；拘?息中 具體每部分和聊天窗口中的每 個(gè)部分的對(duì)應(yīng)關(guān)系和顏色的具體設(shè)置可參見(jiàn) 前面 2． 11． 1 菜單制作的技巧 這部分。 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 52 頁(yè) 共 65 頁(yè) 52 圖 53 如圖 54， 為皮膚“中國(guó)龍”完成聊天窗口基本信息制作后的效果： 圖 54 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 53 頁(yè) 共 65 頁(yè) 53 2． 12． 2 邊框制作 邊框皮膚制作 主要是 指聊天窗口的邊框所的各個(gè)組成部分圖片的導(dǎo)入，包括 左右 、上下邊框以及聊天窗 口右側(cè) 最大、最小、還原三個(gè)按鈕在通常、按下和活動(dòng)三個(gè)狀態(tài)下圖片，另外需要設(shè)置在邊框上顯示信息的字體顏色，最大、最小、還原三個(gè)按鈕的位置和邊框弧度的設(shè)置。 邊框弧度：指聊天窗口的邊框的四角的弧度。數(shù)值范圍可以在 050 之間進(jìn)行選擇，原理上是選取數(shù)值越大對(duì)應(yīng)到邊框上的弧度也越大。 如圖 55， 其他部分的 具體設(shè)置方法 可參見(jiàn) 圖片 — 標(biāo)題欄按鈕背景制作 部分 。 圖 55 如圖 56， 為皮膚“中國(guó)龍”完成聊天窗口 邊框 制作后的效果： 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 54 頁(yè) 共 65 頁(yè) 54 圖 56 2． 12． 3 大工具欄制作 大工具欄是指聊天窗口的上邊框下包括了“視頻”、“傳文件”、“短信”、“游戲”、“窗口”的區(qū)域，如圖 57： . 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 55 頁(yè) 共 65 頁(yè) 55 圖 57 大工具欄部分的皮膚制作主要包括這部分區(qū)域高度、位置的數(shù)值設(shè)定，背景圖、字體顏色的選取，“視頻”、“傳文件”、“短信”、“游戲”、“窗 口” 等按鈕 每個(gè)圖片的導(dǎo)入，以及 “視頻”等按鈕在活動(dòng)、按下時(shí)背景及背景邊框顏色的設(shè)置。 如圖 58 中的位置、大小設(shè)定部分： 高度：指該部分的背景高度 上下左右的空白：指該部分的背景相對(duì)聊天窗口中各邊框的距離 。 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 56 頁(yè) 共 65 頁(yè) 56 圖 58 如圖 59， 為皮膚“中國(guó)龍”完成聊天窗口大工具欄制作后的效果： 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 57 頁(yè) 共 65 頁(yè) 57 圖 59 2． 12． 4 小工具欄制作 小工具欄 如圖 60中的紅色方框區(qū)域， 具體 包括“ 字體顏色和格式”、“表情”、“群社區(qū)”“發(fā)送圖片”等 10個(gè)按鈕。 小工具欄部分的皮膚制作主要包括這部分區(qū)域背景圖導(dǎo)入、背景色選取、和 “字體顏色和格式”、“表情”、“群社區(qū)”“發(fā)送圖片”等 10個(gè)按鈕 圖片的導(dǎo)入，以及這些等按鈕在活動(dòng)、按下時(shí)背景及背景邊框顏色的設(shè)置，另外還包括這 10 個(gè)按鈕間分隔條的邊框、背靜顏色的選取。 具體設(shè)置的方法可參見(jiàn) 上面的 2． 12． 3 大工具欄制作 。 圖 60 如圖 61， 為皮膚“中國(guó)龍”完成聊天窗口小工具欄制作后的效果： 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 58 頁(yè) 共 65 頁(yè) 58 圖 61 2． 12． 5 側(cè)邊條制作 側(cè)邊條 如圖 61，主要由圖中的紅色、綠色和蘭色區(qū)域的幾部分組成。 下面分別介紹屬性設(shè)置里各項(xiàng)具體代表的部分： 子窗口： 指 圖 61 中綠色線(xiàn)條所指區(qū)域，可以設(shè)置這部分的顏色 邊框： 指整個(gè)“側(cè)邊條”最外邊上下左右的邊框 按鈕字體： 指 圖 61中蘭色線(xiàn)條區(qū)域中的字體，可以分別設(shè)置在通常和活動(dòng)時(shí)的字體顏色 標(biāo)題按鈕： 指 圖 61中蘭色線(xiàn)條 區(qū)域的按鈕 ，需要分別導(dǎo)入在隱藏和展開(kāi)兩中方式下各按鈕在通常、活動(dòng)、按下時(shí)的圖片 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 59 頁(yè) 共 65 頁(yè) 59 菜單按鈕： 指 圖 61中紅色線(xiàn)條區(qū)域的按鈕，如圖 62，它可以幫助我們打開(kāi)菜單 騰訊服務(wù)項(xiàng)目字體： 指 圖 61中綠色線(xiàn)條所指區(qū)域中文字，如“發(fā)送 賀卡”和“郵件”等，可以在這里為這部分文字設(shè)置通常和活動(dòng)兩種狀態(tài)是的顏色 具體的顏色設(shè)置和圖片導(dǎo)入方法可以參考之前的介紹。 圖 61 如圖 62， 為皮膚“中國(guó)龍”完成聊天窗口側(cè)邊條制作后的效果： 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 60 頁(yè) 共 65 頁(yè) 60 圖 62 2． 12． 6 好友信息欄制作 好友信息欄 如圖 63，制作過(guò)程主要就是背景圖片高度和好友信息字體在普通和活動(dòng)良種狀態(tài)時(shí)的顏色設(shè)定 。 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 61 頁(yè) 共 65 頁(yè) 61 圖 63 如圖 64， 為皮膚“中國(guó)龍”完成聊天窗口好友信息欄制作后的效果： 圖 64 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 62 頁(yè) 共 65 頁(yè) 62 2． 12． 7 按鈕組制作 按鈕組 如圖 65，制作過(guò)程主要就是對(duì)“聊天記錄”、“消息模式”、“關(guān)閉”、“發(fā)送”等按鈕在通常、活動(dòng)、按下和選中四個(gè)狀態(tài)下的圖片的導(dǎo)入。 圖 65 如圖 66， 為皮膚“中國(guó)龍”完成聊天窗口 按鈕組 制作后的效果： 下面我們來(lái)看看完成了皮膚“中國(guó)龍”聊天窗口 全部元素 制作后的效果，只需要在工具欄中的“顯示”下拉菜單中選擇“顯示全部”即可 ， 圖 67。 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 63 頁(yè) 共 65 頁(yè) 63 圖 67 在“中國(guó)龍”皮膚的制作完成后，我們登陸 之后，可以選擇“預(yù)覽”來(lái)查看這套新 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 64 頁(yè) 共 65 頁(yè) 64 皮 膚 的 完 成 效 果 ： 皮膚制作 及皮膚編輯器用戶(hù)手冊(cè) 第 65 頁(yè) 共 65 頁(yè) 65