分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作windows phone系统整体界面教程

APP设计 学UI设计 923次浏览 0个评论

windows phone具有桌面定制,图标拖拽,滑动控制等一系列前卫的操作体验,其主屏幕通过提供类似仪表盘的体验来显示新的电子邮件,短信,未接来电,日历等,让人们对重要信息保持时刻更新。

效果图:

PS制作windows phone系统整体界面教程

1.执行“文件》新建”命令,在弹出的“新建”对话框中,新建一个5000*4850像素的空白文档,完成后单击“确定”按钮结束操作,设置前景色为灰色(R:234 G:237 B:231),按下快捷键alt+delete填充颜色,如图:

PS制作windows phone系统整体界面教程

2.绘制背景,单击工具栏中的“圆角矩形工具”按钮,在选项栏中选择工具的模式为“形状”,设置填充为白色,半径为5像素,绘制圆角矩形,单击“矩形工具”按钮,在选项栏中选择工具的模式为“形状”,设置填充为绿色(R:120 G:120 B:120),绘制矩形,如图
PS制作windows phone系统整体界面教程

3.绘制分工线,单击工具栏中的“钢笔工具”按钮,在选项栏中选择工具的模式为“形状”,设置填充为无,描边1点,颜色为黑色,选择虚线绘制直线,再次单击“钢笔工具”按钮,在选项栏中选择工具的模式为“形状”设置填充为黑色,描边为无,绘制直线,设置所有图层的填充为20%如图PS制作windows phone系统整体界面教程

 

4.绘制走势图,单击工具栏中的“钢笔工具”按钮,在选项栏中选择工具的模式为“形状”,设置填充白色,绘制形状,单击“文字工具”按钮,选择字号分别输入相应文字。如图PS制作windows phone系统整体界面教程

5.单击工具栏中的“圆角矩形工具”按钮,在选项栏中选择工具的模式为“形状”,分别设置填充为灰色(R:234  G:237  B:241)、绿色(R:120  G:120  B:120),半径为2像素,绘制圆角矩形,添加文字,如图PS制作windows phone系统整体界面教程

6.最后把所有的文字添加上面,进行排版,就完成了

PS制作windows phone系统整体界面教程

视频教程:


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (1)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!