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

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

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

在预设面板中,选择渐变>线性,三种颜色: #2685C9, #268EDE, #1F6EA7,

复制该矩形,粘贴到上方。宽度和高度各减少2px,添加边框1px颜色#2B93E3.

18.个人资料细节2

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

使用Arvo字体,大小 20, 颜色 #0D2C42,在个人资料框上部分输入姓名,然后居中。

复制并粘贴文本,颜色改为#FFFFFF 下移1px

19.个人资料中的图片

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

粘贴你的个人头像,大小设为60x60px。在图像上方画一个圆,确保圆无填充无边框。

同时选择圆和图像。修改>蒙版>组合为蒙版。

重新复制这个圆,添加 2px颜色FFFFF 的边框

20.对齐面板

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

利用对齐面板,可实现个人头像快速居中。

窗口>对齐打开对齐面板

点击个人头像,再点击个人资料框,然后进行对齐。

21.个人资料中的简历文本

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

简历文本部分使用 Arial in 13px 颜色#666666 for this text.

输入完后记得居中对齐。

22.评星

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

按住工具栏中的形状工具,你会发现星形,画一个28x26px的星形,复制五次,每复制一个就把新星形放在前一个星形的右边。

第一个星形的样式和步骤2的样式相同,其他的星形填充#FFFFFF 边框#BFBFBF

23.排列

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

如果之前没有进行整理、对齐排列,那么现在要开始进行了。

用Ctrl+G将各个元素进行编组,合理命名。这这关重要,因为将来如果你要用这套组件,有序的命名和排列会帮你大忙。

24.添加页码

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

复制一份之前绘制的按钮,移动到画布的其他区域。大小改为30x30px,文本替换为“

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