网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

Fireworks设计教程:学习制作属于自己的UI套件。(3)

时间:2020-01-08 11:06 来源:优设 作者:情非得已 阅读:

我们需要打造按钮的悬停状态。

复制并粘贴前一编组,命名为悬停按钮,放在原按钮的下方。

按A以选择部分选定工具;选择矩形,进行渐变设置,最右面的颜色改为#1A6196.

08.激活按钮

Fireworks设计教程:学习制作属于自己的UI套件。

现在我们需要按钮的激活状态。

复制并粘贴前一编组(悬停按钮),命名为激活按钮,放在原按钮的下方。

按A以选择部分选定工具;选择矩形,进行渐变设置,选择翻转渐变。

09.标签

Fireworks设计教程:学习制作属于自己的UI套件。

现在我们完成按钮部分,现在开始制作标签。

画一个55x28px的矩形。按P使用钢笔工具,在矩形左边画一个三角形。

然后按Shift选择两个形状,在预设面板点击 添加/联合 按钮来完成形状结合

10.标签细节

Fireworks设计教程:学习制作属于自己的UI套件。

选择形状,颜色设置为#FFFFFF 边框1px #BFBFBF.

按U两次,选择椭圆工具,按Shift在标签左部画一个8x8px的圆。

选择两个形状,点击去除/打孔按钮。

文本颜色#666666 大小16 字体Arvo

11.打开开关

Fireworks设计教程:学习制作属于自己的UI套件。

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程