利用Photoshop制作简洁大气的手机天气展示界面教程

最终效果

ps-body" bgcolor="#ffffff" valign="middle" align="center">

 

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

 

 

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

 

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

 

 

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

 

 

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

 

 

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

 

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

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

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

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

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

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

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

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

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

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

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

 

 

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

 

 

最终效果:

 

 

时间: 2024-09-23 18:38:07

利用Photoshop制作简洁大气的手机天气展示界面教程的相关文章

Photoshop制作简洁大气的金色质感立体字

  我喜欢简单容易出效果的东西,不喜欢去记一堆参数什么的.下面我们一起交流下各种简单有效的方法,来制作金属质感立体字效果. 最终效果 重点分析:为了方便讲解,我们先隐藏底板,单看下字体效果.因为底板和文字用的是同样的方法制作的. 1.首先新建一个画布,背景黑色,接着用文字工具打上文字.关于字体不是很重要,只要简单点的字体就行. 2.使用转换点工具,对形状进行点的添加和拖动,将形状做成厚实的感觉. 3.为了方便调整,将文字分别拆开各自作为一个图层,当然,你也可以一开始就单个字地打. 4.接下来,使

Photoshop制作简洁大气的圆形开关图标

制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等.然后分解开关,了解它的结构.再设定材质为塑料,设定好光源位置就可以绘制了. 最终效果 1.先建立一个1136 * 640的画布. 2.在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为"按钮-下". 3.建立一个新图层,画一个同样大小的同心圆,再选中底边锚点,向上拖到锚点位置如图,作为按钮正面,命名图层为"按钮-上". [1] [2] [3] [4]  下一页

Photoshop制作简洁大气的透明光束

效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可. 最终效果 1.新建一个1024 * 600像素,分辨率为72的画布.选择渐变工具,颜色设置如图1,然后由左上角向右下角拉出图2所示的线性渐变. <图1> <图2> 2.先来制作光丝的第一段,需要完成的效果如下图. <图3> [1] [2] [3] [4] [5] [6]  下一页

Photoshop制作简洁大气的写作图标

虽然是一个简单的图标,制作起来还是要非常细心的.尤其是层次感及投影部分,需要控制好阴影的透明度,做出过渡自然的效果. 最终效果 <点小图查看大图> 1.Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景色为#fcf2da.然后 → 编辑 → 首选项 → 参考线.网格和切片,设置如下. 2.先创建一个圆角矩形,大小为512px*512px,半径120px,记住左上角是形状哦. 搞定后填充颜色#c47420,命名"icon base". 3.添加内

Photoshop制作简洁大气的高档红酒海报

  效果图用到的素材非常少,仅有产品.酒杯.文字及一些光束光斑等.不过作者善于构图,用极简的三角形构图,效果非常突出,也非常大气. 最终效果 一.头脑风暴: 围绕"口感"和"高档"去想找素材的关键字,以下是我想到的一些关键字. 二.寻找灵感: 找寻灵感的过程中,我们脑海里面一定要记住这个海报需要体现的是什么,然后在各大设计网站找一些海报分析他们的合成技法.颜色调性.版式排版.文案处理手法等等...这个过程中脑海里面会自然形成一个大概的画面. 三.找素材: 又到了这个

利用Photoshop制作简洁抽象的人物插画教程

最终效果 <点小图查看大图>   1.新建一个尺寸是1200*720px白色背景的文件,用渐变工具(G)填充背景.   2.把模特图片拉进Photoshop里面,裁剪模特的上半身粘贴到我们新建的文件里,用橡皮擦工具(调整85%的硬度,为了是边缘不至于太僵硬甚至出现锯齿)擦掉模特下半身,如图.       3.用70%硬度的橡皮擦调整边缘(目的是人物边缘变得柔和).     4.应用一些轻微减淡和加深效果用颜色减淡和加深工具(设置曝光度为10%)在模特上.   5.用裂痕笔刷作橡皮擦,擦掉模特某

利用Photoshop制作简洁的灰色质感导航栏教程(1/4)

  1.新建一个500 * 400像素的文档,背景填充颜色:#1b1b1b.     2.新建一个图层,选择矩形选框工具,拉一个288 * 50像素的矩形选区,填充颜色:##5a5a5a,效果如下图.   首页 1 2 3 4 末页

利用Photoshop制作精致的相机相关的立体图标教程

最终效果 <点小图查看大图>   1.新建一个大小适当的文件,背景填充暗灰色.选择圆角矩形工具,画一个512 * 512像素的圆角矩形,圆角半径是90像素. 新建一个图层,用矩形选框工具拉一个矩形选区填充红色,然后复制两层分别填充黄色与蓝色,排好后把三个图层合并,按Ctrl + Alt + G 创建剪贴蒙版,然后调整好大小如下图.   效果如下图3.   3.画镜头.画镜头的时间会长些,需要点耐心,都是圆叠在一起.   4.绘制相片输出口.     5.添加一些阴影,修饰一下细节,完成最终效果

利用Photoshop制作浪漫的蓝紫色外景婚片教程

原图 <点小图查看大图>   最终效果   1.打开原始图片素材,创建一图层填充色彩:#FFAB8C,图层混合模式改成"柔光",不透明度改成:80%,此时效果图. 2.新建色相/饱和度调节图层,选取黄色,用吸管吸取树叶色彩再调节,参数设定见. 3.新建渐变映射调节图层,色彩设定见P4,确认后将图层混合模式改成"滤色",不透明度改成:30%.     4.新建可选色彩调节图层,对黄色执行调节,参数设定见P6,确认后将蒙板填充黑色,用白色画笔将人物脸部擦出来