炫出我的个性！QQ皮肤绘制全程实录(下)

本文示例源代码或素材下载

五、绘制“工具栏按钮”

我们点击“工具栏”图层，开始在该层中绘制这7个按钮。先用“钢笔”工具在QQ主窗体的右下角位置上绘制出如图36般的路径。

图36

对该路径使用由# 2F54AB至# FFFFFF的线性渐变填充。然后将该路径再复制一份，并在“工具栏”图层中将这一复制品重命名为“主菜单按钮背景”，一会我们将会用到它。

我们把从“qq2004 icon.psd”文件里框选出来的“QQ主菜单”图标放到“主菜单按钮背景”对象上面。再用“文字”工具以26号的“Smudger LET”字体在图标的旁边输入“menu”的字样，颜色为#F2F200，采用“强力消除锯齿”功能。然后用“缩放”工具对该文字对象旋转至一定角度，如图37。

图37

选中“主菜单按钮背景”对象，并把它拉到“工具栏”图层内的最上层来。用“部分选择”工具使该路径左边的节点向右移动1像素，而右边的节点侧向左平移1像素。然后还要把顶部的节点向下平移1像素。完成后对该路径使用由#FFFFFF至#FFFFFF的线性渐变，如图38。

图38

这了使这个主菜单按钮更具透明质感，我们用“钢笔”工具再画一个如图39般的对象。对其采用线性填充，由#FFFFFF至#FFFFFF，而透明度侧由100至0。