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

Fireworks设计教程:学习制作漂亮的扁平化风格的登录界面(4)

时间:2020-01-08 11:13 来源:站酷 作者:hixulei 阅读:

接下来,我们继续导入logo. ctrl+r,导入logo文件,调整好尺寸和位置, 然后,我们将图标透明度调整为76.

Fireworks设计教程:学习制作漂亮的扁平化风格的登录界面

为我们的设计添加文字

我们的登录界面不可能少了文字,所以,这一步,我们将在合适的地方来摆放文字.使我们的设计趋于完美.

选择左侧工具栏的文本工具,这时,我们会发现,鼠标变成了输入光标,我们在需要的地方打上文字.

Fireworks设计教程:学习制作漂亮的扁平化风格的登录界面

Fireworks设计教程:学习制作漂亮的扁平化风格的登录界面

输入后,我们可能觉得文字大小和颜色都不合适,我们首先条件email和密码位置,选择你要更改的文字, 看屏幕最下方的属性栏,调整为如下数值(字体,字号,透明度).

Fireworks设计教程:学习制作漂亮的扁平化风格的登录界面

接着,选中文字”登录”,调整为如下数值

Fireworks设计教程:学习制作漂亮的扁平化风格的登录界面

下方的新用户注册和忘记密码选项做同样处理即可.

细节调整及效果预览

最后,我们来做收尾工作,通过鼠标调整各个元素的位置,大小,颜色到你认为满意的程度.接下来. 我们就可以保存这幅图了. 选择 文件>保存 选择存储为fireworks png文件,记得,一定要是这个选项哦.否则下次打开这个文件,各个元素就无法编辑了.

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