PS设计教程网欢迎你!

Photoshop设计超酷的天气APP界面教程(3)

文章来源于 优设,感谢作者 一人前端 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2013-12-10
Step 13: 选择钢笔工具创建三角形,颜色#00bff3。并使用一个柔软的圆形笔刷在底部描绘一个小的影子。 Step 14: 添加文字「More details」,填充颜色#ffffff。现在在右边添加「更多」图标,然后给文字和图标添加一

Step 13:

选择“钢笔工具”创建三角形,颜色#00bff3。并使用一个柔软的圆形笔刷在底部描绘一个小的影子。

Photoshop设计超酷的天气APP界面教程

Step 14:

添加文字「More details」,填充颜色#ffffff。现在在右边添加「更多」图标,然后给文字和图标添加一些阴影,设置如下。

Photoshop设计超酷的天气APP界面教程

Step 15:

继续我们的导航创建。首先,我们将创建一些分隔线。选择「直线工具」,画1 px宽,前景颜色#00000的一直线。然后点击图层样式>投影,样式如下。

Photoshop设计超酷的天气APP界面教程

Step 16:

用“矩形工具”创建导航按钮,在中间创建一个矩形,颜色#88022e,然后添加投影。如下图。

Photoshop设计超酷的天气APP界面教程

Step 17:

添加导航文本,然后给文本添加一些投影。

Photoshop设计超酷的天气APP界面教程

Step 18:

将其余图标(用以上相同的方式创建了云、太阳等)添加,并设置同样的投影样式,设置如下:

Photoshop设计超酷的天气APP界面教程

最终输出结果为:

Photoshop设计超酷的天气APP界面教程

进入论坛交作业:http://www.missyuan.com/thread-687460-1-1.html

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa