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

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

时间:2020-01-08 11:06 来源:优设 作者:情非得已 阅读:
Fireworks教程实例:学习制作属于自己的UI套件。本教程通过步骤分解,向大家介绍如何使用Fireworks打造专属UI套件——同时也能了解一些Fireworks使用技法,一些基本功能和面板。

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

倘若界面不一致、不清爽,很有可能导致用户流失——本教程将教你用Fireworks打造UI套件,以便日后使用。并教会你如何将设计元素整合,以便进行案例展示。

用Fw打造的UI套件可以输出为矢量格式,形状大小任调——还支持Retina,这就是Fw牛逼的地方!

01.新建文档

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

打开Fw,文件>新建,高度280px,宽度600px,分辨率72dpi。

按住U以选择形状工具:花一个600px的正方形,预设面板中颜色#EDEDED

02.默认按钮

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

按钮是关键,我们来开始定义样式。

按U画一个150x45px的矩形。

在预设面板中,渐变>线性,三个颜色点:#2685C9, #268EDE F6EA7 (从左到右)

圆度35% 边框1px #14466B.

03.添加细节

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

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