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

　　

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