Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面
 
3、创建一个新的图层,并填充颜色# ffffff,减少填充到0%。添加模式,单击图层样式>图案叠加。点这里下载图案。

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面
 
7、现在,点击图层样式添加描边、颜色叠加和投影。

Photoshop制作简洁大气的手机天气展示界面

Photoshop制作简洁大气的手机天气展示界面

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面
 
9、现在让我们开始细节面板。选择一个新层,并将其置于图案层后,选择“矩形选框工具”创建一个小纸条,填充颜色#00bff3。

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面
 
13、选择“钢笔工具”创建三角形,颜色#00bff3。并使用一个柔软的圆形笔刷在底部描绘一个小的影子。

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面
 
17、添加导航文本,然后给文本添加一些投影。

Photoshop制作简洁大气的手机天气展示界面

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

Photoshop制作简洁大气的手机天气展示界面

最终效果:

Photoshop制作简洁大气的手机天气展示界面

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3226556.html

(0)
上一篇 2025年4月1日 14:43:58
下一篇 2025年4月1日 14:44:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 2023冬天去西双版纳冷吗

    2023冬天去西双版纳冷吗是大家常常会问到的,毕竟当下随着生活水平的提高,越来越的人喜欢在闲余时间出门旅游,而西双版纳因其异域风情浓厚所以很多人都将其作为自己出行的首选,一起看看冬天去西双版纳好不好吧。 2023冬天去西双版纳冷吗 不冷。 …

    2025年4月2日
    808.9K00
  • Photoshop绘制逼真的苹果手机详细教程

    本教程photoshop主要使用图层样式和圆角矩形绘制逼真的苹果手机教程,教程不算太难,喜欢的朋友可以一起来学习   第1步:  打开Photoshop,Ctrl+N新建文件。   第2步:  利用圆角矩形工具创建出iPhone的轮廓。这里…

    2025年4月1日 编程技术
    100
  • PS设计炫酷光线手机壁纸

    用索尼手机的朋友,这个壁纸是不是很熟悉?没错,这个壁纸就是索尼xperia手机广告中的壁纸。这个教程就像朋友们介绍这个炫酷光线壁纸的制作方法,效果图: 再看一个效果图:   步骤1  照例,打开Photoshop,建立新文件,大小为1920…

    2025年4月1日 编程技术
    100
  • photoshop为手机制作倒影效果

    本ps教程介绍平面设计中经常用到的一个效果,制作倒影,主要用到了渐变工具和蒙版先看效果图 首先打开iphone4图片,你可以百度一个。 用钢笔把手机抠出,ctrl+J复制2层,然后底部新建图层2,填充黑色。 选择副本层,ctrl+T右击,垂…

    2025年4月1日 编程技术
    100
  • photoshop制作苹果iphone4手机教程

    用photoshop制作逼真的宇宙场景,主要应用了素材的叠加 笔刷 蒙版和图层样式等。 建新层,300×540像素,背景白色,建新层,画一灰色圆角矩形。 添加图层样式。 效果如下。 建新层,做如下矩形选区。 分别灰到透明直线渐变,…

    2025年4月1日 编程技术
    100
  • 极寒天气叫什么现象

    极寒天气是现在很多人热议的天气情况,目前新疆那边的天气是很冷的,这个时候是需要进行预防的。那么,极寒天气叫什么现象?极寒天气需要储备哪些物资?一起来看看趣丁网带来的详细介绍吧! 极寒天气叫什么现象  极寒天气是指零下40℃以下的天气。 根据…

    2025年4月1日
    300.9K00
  • Photoshop CS3教程:GIF图像格式的设置技巧

      本文是关于Photoshop CS3的GIF图像综述及彩信格式讲解教程,主要是介绍动画图像格式是GIF的设置技巧,文中作者还就现在流行的手机彩信中的gif动画制作作了说明,希望你阅读后会有所收获。  在网页设计扩展教程中也包含对图像格式…

    2025年4月1日
    100
  • Photoshop将手机拍摄的照片处理得更加鲜艳真实

      本文介绍如何用Photoshop将手机拍摄的照片处理得更加鲜艳真实。  这张是原图。    这张是调过后的图。    首先复制一个图层,如图。    然后点复制得到的图层,选“强光”,如图。    最后选色阶-自动色阶,如图。    基…

    2025年4月1日 编程技术
    100
  • Photoshop CS3教程:手机彩信中的动画

      现在我们已经学习了许多制作动画的方法,但大家对于动画最终的呈现形式仍不十分清楚。动画究竟怎样输出?在哪些地方使用?在使用中又有哪些需要注意的?这节课我们就来详细说明这些问题。   目前在windows系统上的主要动画图像格式是gif,其…

    2025年4月1日 编程技术
    100
  • 一夫妻青海无人区失联 12 小时,通过手机卫星电话获救

    8 月 10 日消息,据青海消防部门披露,8 月 7 日 19 时 5 分,格尔木市消防救援支队接到报警称在格尔木市小库赛湖附近一对夫妻驾驶一辆越野车陷入沙坑被困,请求消防救援。其家人协助报警时已处于失联状态,距离事发已过去 12 小时。 …

    2025年4月1日
    100

发表回复

登录后才能评论