主题 : 使用Photoshop制作低仿Fluent流畅设计Win10手机背景
千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
级别: 总版主

UID: 998
精华: 0
发帖: 604963
威望: 528524 点
无痕币: 3089 WHB
贡献值: 0 点
在线时间: 61672(时)
注册时间: 2008-12-25
最后登录: 2024-03-28

0 使用Photoshop制作低仿Fluent流畅设计Win10手机背景

记得以前WP8时,就有网友自己设计背景图,当时感觉好厉害,而自己又懒得动手,所以一直只有羡慕的份。直到今天,实在不想看英语了,所以就想搞一下类似Fluent Design效果的Win10手机壁纸,大概思路就是将模糊和阴影效果做到壁纸上,以此来一个伪Fluent Design效果。下面是具体步骤。
1、将手机背景设置为【无】,也就是纯色,然后回到开始屏幕给手机截个屏,导入电脑。如图1所示(我用绿色是因为我的930就是骚绿的)

▲图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
千山同一月 万户尽皆春 千江有水千江月 万里无云万里天
级别: 总版主

UID: 998
精华: 0
发帖: 604963
威望: 528524 点
无痕币: 3089 WHB
贡献值: 0 点
在线时间: 61672(时)
注册时间: 2008-12-25
最后登录: 2024-03-28

9、选择【图层备用】,将其自由变换,等比例缩小到83%,也就是之前记下的缩放比例。然后按住ctrl键的同时,点击【图层备用】的图层缩览图,将其以选区方式载入。如图9

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

▲图10
11、将作为阴影的【图层0】,模糊效果的【图层模糊】以及背景【图层2】保留,其他图层隐藏,然后另存为JPG图片,导入手机,设置为壁纸,就大功告成了!如果设置后发现不理想,可以回PS里进行调整。
最后上一个我之前试做的截图。这是改了十几次后的效果。。。。。。

好了,教程到此为止,我得赶紧去赶公交车回宿舍了。有问题的欢迎留言。
本人医学狗一枚,对Fluent Design System不太了解,完全就是模仿一个形似而已,如有错误,请各位包涵。
级别: 七朵秋菊

UID: 42327
精华: 0
发帖: 3060
威望: 43791 点
无痕币: 67436 WHB
贡献值: 0 点
在线时间: 429(时)
注册时间: 2008-06-29
最后登录: 2024-02-26

了解一下
级别: 六行秋雁
UID: 52155
精华: 0
发帖: 323
威望: 10966 点
无痕币: 1290 WHB
贡献值: 0 点
在线时间: 85(时)
注册时间: 2008-08-13
最后登录: 2019-08-30

不错啊....
他都伶俐修来福,我自痴愚结下缘。
级别: 八片秋叶
UID: 5577
精华: 0
发帖: 13639
威望: 50451 点
无痕币: 42631 WHB
贡献值: 0 点
在线时间: 965(时)
注册时间: 2007-12-21
最后登录: 2024-01-17

也来学习装b。
过好每一天。
笑看风云淡,坐对云起时。
级别: 八片秋叶
UID: 3315
精华: 0
发帖: 7485
威望: 76683 点
无痕币: 96 WHB
贡献值: 2329 点
在线时间: 501(时)
注册时间: 2007-12-08
最后登录: 2024-03-28

了解一下,谢谢分享。
匆匆一过客
Total 0.078932(s) query 4, Time now is:03-28 23:36, Gzip enabled 粤ICP备07514325号-1
Powered by PHPWind v7.3.2 Certificate Code © 2003-13 秋无痕论坛