qq皮肤制作常用操作(编辑修改稿)

qq皮肤制作常用操作(编辑修改稿)内容摘要：

中，如图 13： 皮肤制作 及皮肤编辑器用户手册 第 17 页 共 65 页 17 图 13 2． 3． 2 主窗口属性的设置 主窗口属性的设置如图 14，主要分做大小、透过色、背景图拉伸和预览等四部分。 图 14 一般 皮肤制作的过程是先将主窗口的背景图“导入”进来，然后在对大小尺寸 、透过色、背景图拉伸等进行设置和调整。 下面我们首先导入 已经切好 的 “中国龙”的主窗口的背景图 ，如图 15： 皮肤制作 及皮肤编辑器用户手册 第 18 页 共 65 页 18 图 15 大小： 在大小中 首先定义的宽度和高度是在打开 后，默认的皮肤大小；最大最小宽度和高度指的是我们在对皮肤进行 拉伸 时对大小限定的范围。 透过色： 透过色就是显示成透明的颜色，一般我们在处理不规则图片时会用到。 一般可以 选择一个在皮肤中不会用到的 任意 颜色都可以。 这样以后凡是希望不显示出来的区域都可以被填充这个被定义成透过色的颜色。 取色： 在 透过色 的设置中还可以通过取色来选取某个颜色作为透过色 ，选择“取色”按钮后，鼠标光标变为笔的 形式，可以用它来选择界面中的任何位置的颜色。 背景图拉伸： 在对皮肤进行 拉伸 时 ，皮肤的背景图势必要相应的 拉伸。 拉伸 大小的定义 ： 一般是 通过左侧、右侧多少范围内不拉伸来确定横向的拉伸范围，再以上端、下端多少范围内不拉伸来确定纵向的拉伸范围 拉伸方式： 分为直接拉伸和平铺两种。 直接拉伸就是对可以拉伸的区域进行均 皮肤制作 及皮肤编辑器用户手册 第 19 页 共 65 页 19 匀 拉伸的一种效果。 平铺就是在拉伸时对可以拉伸的区域进行不断的重复 拼接，以此实现拉伸的一种效果 2． 3． 3 主窗口设置的技巧及规律 ◆ 一般对于不规则的皮肤图片或者是有 花纹的皮肤图片， 为保证拉伸后不变形， 拉伸范围 的选取 都 需尽可能避 开这些位置，而选在规则图片处进行拉伸。 为了皮肤在拉伸时不变形，建议在设计主窗口图片时，在横向和纵象上都注意留出相应的便于直接拉伸或者平铺 拉伸 的部分。 如图 15 中我们看到“中国龙”皮肤的主窗口背景图片右侧为规则区域，所以选定这部分进行拉伸。 ◆ 如果希望确定该皮肤为不可拉伸的话，可以直接在“大小“处确定最大、小高度和宽度于默认的高度和宽度相同即可。 ◆ “透过色” 不仅还可以通过“选择”和“取色”完成，如果希望选择界面中或者图片中的某个颜色作为 “透过色 ” ，可以选择“取色”，看到鼠标变成“笔”的形状后，在进一步选择自己希望作为 “透过色” 的区域即可，这样该颜色的“ R”“ G”“ B”值就会自动出现。 2． 4 皮肤窗体 制作 窗体部分包括 标题栏按钮背景 和关闭、颜色改变、最小化按钮等 部分 ， 标题栏按钮就是右上角控制 关闭和最小化的部分如图 16，我们可以对这部分的背景和 关闭及最小化按钮等 进行设计。 皮肤制作 及皮肤编辑器用户手册 第 20 页 共 65 页 20 图 16 2． 4． 1 图片 — 标题栏按钮背景制作 标题栏按钮 背景由位置和大小、左右拉伸、上下拉伸、透过色、拉伸方式和预览等几部分组成，如图 17： 皮肤制作 及皮肤编辑器用户手册 第 21 页 共 65 页 21 图 17 位置和大小 ：确定 标题栏按钮 背景图片的大小和位置，还可以设定这里不放置背景图片。 左右拉伸： 当皮肤被左右拉伸时，确定该背景图片的 相对 位置 如何变化 及宽度 是否随之改变。 如宽度设定随着窗口变化而变化则同整个窗口一起被拉伸，否则为宽度 不变。 上下拉伸： 原理与左右拉伸 相同。 如图 18， 我们导入皮肤“中国龙” 的标题栏按钮背景图片： 皮肤制作 及皮肤编辑器用户手册 第 22 页 共 65 页 22 图 18 2． 4． 2 关闭按钮 制作 关闭按钮的属性设置如图 19，下面我们对图中红色标注的几块进行说明。 皮肤制作 及皮肤编辑器用户手册 第 23 页 共 65 页 23 图 19 位置和大小： 在调整关闭按钮的图片的位置和大小时不仅可以通过在属性里面通过数字进行设置，还可以直接用鼠标在图 19 中 的 “查看区域” 中对该图片进行大小和位置的调整。 在调整中，还可以选择 “ 根据 Bitmap 图片大小调整 ”，这样“查看区域” 中图片的大小将重新被恢复成图片最初的大小。 鼠标光标： 在这里还可以设置 导入图片，这样当鼠标放 到该按钮位置时鼠标原来的箭头将显示成该图片样式。 BMP 图片： 皮肤制作 及皮肤编辑器用户手册 第 24 页 共 65 页 24 普通状态为按钮无任何操作时的状态 ，激活状态为鼠标放置在按钮上时 按钮 显示的状态；按下状态为鼠标在按钮上按下时 按钮 显示的状态；无效状态为该按钮不可用时显示的状态。 如图 20 为我们完成“中国龙” 皮肤关闭按钮的设置： 图 20 最小化按钮 的制作同关闭按钮的制作相同，不再详细说明。 皮肤制作 及皮肤编辑器用户手册 第 25 页 共 65 页 25 2． 4． 3 颜色编辑 制作 2020 beta版 开始 支持 皮肤颜色和透明度的自由编辑。 我们 可以随心所欲地选择编辑自己 喜欢的心情颜色。 颜色编辑按钮的制作部分 可参见 2． 4． 2 关闭按钮制作。 皮肤制作 及皮肤编辑器用户手册 第 26 页 共 65 页 26 2． 5 皮肤 面板 制作 面板部分包括背景和好友面板的制作，在皮肤中这两张图虽然是重叠在一起的，但是在 皮肤的设计中这两部分通常是分开设计的，下面我们逐一 介绍。 2． 5． 1 图片背景制作 图片背景的 制作主 要是对导入图片的位置、大小 、 拉伸范围 和拉伸方式的设定。 具体情 皮肤制作 及皮肤编辑器用户手册 第 27 页 共 65 页 27 况如图 21，在这里也可以选择不显示背景图片，而采用主窗体对 应的部分作为该背景。 图 21 如图 22 为我们完成的皮肤“中国龙”的背景图片的设定： 皮肤制作 及皮肤编辑器用户手册 第 28 页 共 65 页 28 图 22 2． 5． 2 好友面板 的 制作 好友面板主要 由 背景图片、“ 好友 ” 等分组的图片、分组字体颜色和右侧滚动条等几部分组成。 如图 23： 皮肤制作 及皮肤编辑器用户手册 第 29 页 共 65 页 29 图 23 字体颜色： 指“ 好友”、“手机好友”、“群 /校友录”、“最近联系人 ”等分组上面的字体颜色。 通常状态： 分组正常显示的状态 活动状态： 鼠标选择分组时显示的状态 滚动条： 滚动条中各图片对应皮肤中的部分见下图 24 中对应的颜色区域即可。 每列中从上至下对应的三个分别为“通常状态”、“活动状态”和“按下状态”。 说明： 图 24 中 每个小按钮的尺寸是有一定限制的，建议以高 15 宽 15 为好。 皮肤制作 及皮肤编辑器用户手册 第 30 页 共 65 页 30 图 24 如图 25，为皮肤“中国龙”制作好好友面板后的效果： 皮肤制作 及皮肤编辑器用户手册 第 3。