WEB开发网
开发学院图形图像Fireworks 炫出我的个性!QQ皮肤绘制全程实录(下) 阅读

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

 2007-04-19 08:59:10 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 五、绘制“工具栏按钮”我们点击“工具栏”图层,开始在该层中绘制这7个按钮,炫出我的个性!QQ皮肤绘制全程实录(下),先用“钢笔”工具在QQ主窗体的右下角位置上绘制出如图36般的路径,图36对该路径使用由# 2F54

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

五、绘制“工具栏按钮”

我们点击“工具栏”图层,开始在该层中绘制这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。

1 2 3 4 5  下一页

Tags:个性 QQ 皮肤

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接