Photoshop制作蜘蛛侠钻出屏幕的效果

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:projava

关键词

效果非常的简单,就是屏幕中的蜘蛛侠钻出笔记本电脑的屏幕,钻出的部分跟屏幕内的部分我做了饱和度的处理,后面制作过程我用的是“黑白”,其实你完全可以用色相饱和度或者自然饱和度来实现,效果没有多大区别,还有就是一些细节性的东西,比如那只摁在笔记本上手的阴影和倒影需要一些耐心,尽量让他看上去比较真实,没有“漂浮”的感觉,我认为这个最要紧。

uimaker.com/uimakerhtml/uistudy/">教程素材笔记本冲出蜘蛛侠效果PS教程素材

下面是最后的效果。

Photoshop制作蜘蛛侠钻出屏幕的效果

这是我在网上找到的一张笔记本素材

素材打包 微盘下载

Photoshop制作蜘蛛侠钻出屏幕的效果

复制粘贴进蜘蛛侠。

Photoshop制作蜘蛛侠钻出屏幕的效果

自由变化一下它的大小及角度。

Photoshop制作蜘蛛侠钻出屏幕的效果

隐藏自由变化完成后的蜘蛛侠。用圆角矩形描出屏幕的路径。如果你有时间,可以调整一下这个路径,尽量使它跟屏幕吻合,我就是这么做的。

Photoshop制作蜘蛛侠钻出屏幕的效果

新建一个路径层,继续描伸出屏幕外部分的蜘蛛侠,手指哪里比较花功夫。其实不用很精细,因为到后期我会用蒙版做微调。

Photoshop制作蜘蛛侠钻出屏幕的效果

 收藏