ui天气app设计图(ui设计天气图标)
本文主要介绍ui天气app设计图(ui设计天气),下面跟着东辰网详细了解一下吧。
做效果图不难,都是常用的图形和效果。但是需要有很深的界面设计知识,需要能够根据用户习惯,简洁实用的表达一些最常用的功能。最终效果
1.打开Photoshop,新建一个600*800px的文件。
2.选择矩形工具创建一个大矩形,填充颜色#920049。
3.新建一个图层,用#ffffff颜色填充,填充减少到0%。添加一个图案,然后单击图层样式图案叠加。单击此处下载该模式。
4.添加标题文本星期二并用#ffffff填充。然后单击图层样式阴影,为文本添加薄阴影。
5.添加温度和温度,重复相同的过程,并为温度文本添加阴影。
6.设置前景色为#ffffff,使用钢笔工具创建一个云的形状。
7.现在,点击图层样式添加笔画,颜色叠加和投影。
8.选择多边形工具来调整顶部设置,以创建颜色为#fff691的太阳。并在云的下层添加一笔,填充颜色#ffba00。
9.现在让我们让我们启动细节面板。在选择一个新的层,并把它放在图案层,选择矩形选框工具创建一个小纸片,并用颜色#00bf3填充它。
10、点击图层样式渐变叠加,添加图层样式。
11.创建另一个便笺,并用颜色#1f2f4e填充。
12.现在让我们s添加文本和细节,开始个,所以选择橡皮擦工具和调整画笔的大小和形状。参考底部的图案,选择漂亮的款式。
13.选择钢笔工具创建一个颜色为#00bf3的三角形。并用软圆形刷在底部画一个小阴影。
14.添加文本更多细节并填充颜色#ffffff。现在添加更多图标,然后给文本和图标添加一些阴影。设置如下。
15.继续我们的导航创作。首先,我们将创建一些分隔线。选择线条工具,画一条宽度为1px,前景色为#00000的线。然后点击图层样式投影,样式如下。
16.使用矩形工具创建一个导航按钮,在中间创建一个颜色为#88022e的矩形,然后添加一个投影。如下图。
17.添加导航文本,然后向文本添加一些投影。
18.添加剩余的图标(云,太阳等)方法同上,并设置相同的投影样式,如下。
最终效果:
做效果图不难,都是常用的图形和效果。但是需要有很深的界面设计知识,需要能够根据用户习惯,简洁实用的表达一些最常用的功能。最终效果
1.打开p。然后新建一个600*800px的文件。
2.选择矩形工具创建一个大矩形,填充颜色#920049。
3.新建一个图层,用#ffffff颜色填充,填充减少到0%。添加一个图案,然后单击图层样式图案叠加。单击此处下载该模式。
4.添加标题文本星期二并用#ffffff填充。然后单击图层样式阴影,为文本添加薄阴影。
5.添加温度和温度,重复相同的过程,并为温度文本添加阴影。
6.设置前景色为#ffffff,使用钢笔工具创建一个云的形状。
7.现在,点击图层样式添加笔画,颜色叠加和投影。
8.选择多边形工具来调整顶部设置,以创建颜色为#fff691的太阳。并在云的下层添加一笔,填充颜色#ffba00。
9.现在让我们让我们启动细节面板。在选择一个新的层,并把它放在图案层,选择矩形选框工具创建一个小纸片,并用颜色#00bf3填充它。
10、点击图层样式渐变叠加,添加图层样式。
11.创建另一个便笺,并用颜色#1f2f4e填充。
12.现在让我们s添加文本和细节,开始个,所以选择橡皮擦工具和调整画笔的大小和形状。参考底部的图案,选择漂亮的款式。
13.选择钢笔工具创建一个颜色为#00bf3的三角形。并用软圆形刷在底部画一个小阴影。
14.添加文本更多细节并填充颜色#ffffff。现在添加更多图标,然后给文本和图标添加一些阴影。设置如下。
15.继续我们的导航创作。首先,我们将创建一些分隔线。选择线条工具,画一条宽度为1px,前景色为#00000的线。然后点击图层样式投影,样式如下。
16.使用矩形工具创建一个导航按钮,在中间创建一个颜色为#88022e的矩形,然后添加一个投影。如下图。
17.添加导航文本,然后向文本添加一些投影。
18.添加剩余的图标(云,太阳等)方法同上,并设置相同的投影样式,如下。
最终效果:
了解更多ui天气app设计图(ui设计天气图)相关内容请关注东辰网。
本文由东辰网发布,不代表九游娱乐立场,转载联系作者并注明出处:https://www.ktwxcd.com/psjc/16759.html