IT之家学院:使用Photoshop制作低仿Fluent流畅设计Win10手机背景

  • 时间:
  • 浏览:0

感谢IT之家外国外国网友筱竹彬的投稿

记得可是我WP8时,不能 外国外国网友每该人设计背景图,当时感觉好厉害,而每该人又懒得动手,可是我老会 只有羡慕的份。直到今天,确实不看多英语了,可是我就想搞一下类似Fluent Design效果的Win10手机壁纸,合适思路可是我将模糊和阴影效果做到壁纸上,以此来另另一个伪Fluent Design效果。下面是具体步骤。

1、将手机背景设置为【无】,也可是我纯色,但会 回到结束了了英语 英文屏幕给手机截个屏,导入电脑。如图1所示(我用绿色是机会我的9150可是我骚绿的)

▲图1

2、在PS中将图片打开,机会图片是png格式的图片,可是我默认可是我【图层0】,快捷键【ctrl+J】群克隆图层为【图层0复本】备用,挑选【图层0】使用【魔术橡皮擦工具】将背景色擦除,但会 用【橡皮擦工具】将剩余的文字,边框类似的擦掉,只留下应用的图标。这里,机会图标不能 白色的,容易跟背景分不清,都可不都可以在【图层0】下新建另另一个图层填充为黑色,方便操作。擦干净后将黑色图层隐藏机会删除。如图2所示。

▲图2

3、去色:对【图层0】进行去色外理,菜单【图像→调整→去色(Shift+Ctrl+U)】。

▲图3

4、反相:对【图层0】进行反相外理,菜单【图像→调整→反相(Ctrl+I)】。如图4。

▲图4

5、将【图层0】的不透明度调整为40%,但会 执行【滤镜→模糊→高斯模糊】,【半径】5.0像素,如图5。(ps:这里的图层不透明度每该人看着都可不都可以就好。)

▲图5

6、这里首先注意其他,手机背景在使用【全屏显示图片】时,与手机分辨率相同的图片,从不能 正好在屏幕上显示,可是我只在结束了了英语 英文屏幕上使用了大累积,另一累积在下面和应用列表中显示。为保证将来显示阴影显示正常,朋友先将手机设置为每该人想用的壁纸,但会 截屏(【图层1】),导入电脑;并肩将手机原壁纸(【图层2】)导入电脑,在PS中打开,将其塞进另另一个文件中。为方便描述,从不称之为【图层1】【图层2】。挑选【图层1】,但会 【编辑→自由变换(Ctrl+T)】,这时挑选右下角的点并肩按住【Shift】键进行等比例缩小,使得【图层1】的右侧与【图层2】删剪重合,记下此时的缩放比例,我这里共但会 我83%。如图6。

▲图6

7、将可是我的作为阴影的【图层0】也执行【自由变换】,缩小到与【图层1】同样大小,即将【图层0】缩小到可是我的83%,注意,这里变换时同样按住Shift键,拖动右下角进行缩小。但会 ,挑选【移动工具】利用方向键,将【图层0】微移,右、下键各按5次就差越来太大了。

8、回到可是我群克隆出来的【图层0复本】,利用【矩形选框工具】将所有磁贴选中,注意留下磁贴的间隙。这里为了选区的整齐,都可不都可以使用选框工具的“从选区中减去”,先将所有磁贴选中,但会 其他点将间隙减去。但会 【ctrl+J】群克隆图层,将其命名为【图层备用】

▲图8

9、挑选【图层备用】,将其自由变换,等比例缩小到83%,也可是我可是我记下的缩放比例。但会 按住ctrl键的并肩,点击【图层备用】的图层缩览图,将其以选区方式载入。如图9

▲图9

10、挑选作为背景的【图层2】,Ctrl+J,群克隆图层为【图层模糊】;挑选【图层模糊】,执行【滤镜→模糊→高斯模糊】,半径5像素。效果如图10。

▲图10

11、将作为阴影的【图层0】,模糊效果的【图层模糊】以及背景【图层2】保留,其他图层隐藏,但会 另存为JPG图片,导入手机,设置为壁纸,就大功告成了!机会设置后发现不理想,都可不都可以回PS里进行调整。

最后上另另一个我可是我试做的截图。这是改了十哪几只后的效果。。。。。。

好了,教程到此为止,我得赶紧去赶公交车回宿舍了。有大疑问的欢迎留言。

每该人医学狗一枚,对Fluent Design System不太了解,删剪可是我模仿另另一个形似而已,如有错误,请各位包涵。