PS制作高端大气上档次的移动天气界面

失辞__

失辞__

2016-01-29 16:28

PS制作高端大气上档次的移动天气界面,效果图制作并不难,都是一些常用的图形及效果制作。不过需要很深的界面设计功底,要能根据用户习惯,把一些最常用的功能用简洁的实用的方式表现出来。

效果图制作并不难,都是一些常用的图形及效果制作。不过需要很深的界面设计功底,要能根据用户习惯,把一些最常用的功能用简洁的实用的方式表现出来。
最终效果



1、打开Photoshop并新建一个600*800 px 的新文件。



2、选择“矩形工具”,创建一个大矩形,填充颜色# 920049。


123456PS制作高端大气上档次的移动天气界面2

3、创建一个新的图层,并填充颜色# ffffff,减少填充到0%。添加模式,单击图层样式图案叠加。点这里下载图案。



4、添加标题文字「Tuesday」,颜色填充#ffffff。然后点击图层样式阴影,给文本添加一个细薄的影子。



5、添加「温度」,重复相同的过程,给温度文本添加阴影。



6、设置前景色为# ffffff并利用钢笔工具来创建云形状。


  123456PS制作高端大气上档次的移动天气界面3

7、现在,点击图层样式添加描边、颜色叠加和投影。





8、选择「多边形工具」调整顶部设置创建太阳,颜色为# fff691。并给下面这一层云添加描边,填充颜色#ffba00。


  123456PS制作高端大气上档次的移动天气界面4

9、现在让我们开始细节面板。选择一个新层,并将其置于图案层后,选择“矩形选框工具”创建一个小纸条,填充颜色#00bff3。



10、点击图层样式渐变叠加 ,添加图层样式。



11、创建另一个纸条,并填充颜色#1f2f4e。



12、现在让我们添加文本和细节,第一条,所以选择“橡皮擦工具”,调整画笔的大小和形状的刷板。参考底部的模式,选择一个漂亮的样式。


  123456PS制作高端大气上档次的移动天气界面5

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)


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



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



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


  123456PS制作高端大气上档次的移动天气界面6

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



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



最终效果:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

  123456
展开更多 50%)
分享

猜你喜欢

PS制作高端大气上档次的移动天气界面

PS PS教程
PS制作高端大气上档次的移动天气界面

番茄意大利面的做法 高端大气上档次

番茄意大利面的做法 番茄意大利面 意大利面怎么做 养生食谱
番茄意大利面的做法 高端大气上档次

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

高端大气上档次的插花艺术基础教学

插花
高端大气上档次的插花艺术基础教学

快手早餐面包 高端大气上档次怎么做最好吃

电脑网络
快手早餐面包 高端大气上档次怎么做最好吃

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

高端大气上档次的EXTRA PREVIEW展览会现场设计作品欣赏

平面设计 美术设计
高端大气上档次的EXTRA PREVIEW展览会现场设计作品欣赏

高端大气上档次的奶酪烤土豆——比土豆泥只需再多一步的华丽变身的家常做法

电脑网络
高端大气上档次的奶酪烤土豆——比土豆泥只需再多一步的华丽变身的家常做法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

使用JMail组件代替Sql Mail发送Email

使用JMail组件代替Sql Mail发送Email

修改SQL SERVER内置存储过程

修改SQL SERVER内置存储过程
下拉加载更多内容 ↓