分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS新手教程!教你快速绘制精致有格调的马赛克背景

Photoshop 学UI设计 2617次浏览 0个评论

现在这种简约美观的效果非常受欢迎,很多同学都在到处找同类风格的壁纸,今天直接上教程,步骤细致,操作简单,拿来练手再好不过。背景色彩可以自定义,自己怎么喜欢怎么来,学完直接换壁纸,特别实用呦。

示例:

PS新手教程!教你快速绘制精致有格调的马赛克背景

这个是我完成的最后效果:

PS新手教程!教你快速绘制精致有格调的马赛克背景

新建一个足够大的画布。

PS新手教程!教你快速绘制精致有格调的马赛克背景

设置一下前景色。

PS新手教程!教你快速绘制精致有格调的马赛克背景

以及背景色。

小技巧:前景色和背景色很多情况下直接作用在滤镜中,也就是说。我前景色和背景色设置成什么颜色,那我滤镜后就显示这两种颜色。

PS新手教程!教你快速绘制精致有格调的马赛克背景

新建一层,滤镜-渲染-云彩,这样我得到一个对比度不是那么强烈的云彩。

PS新手教程!教你快速绘制精致有格调的马赛克背景

滤镜-像素化-马赛克。

PS新手教程!教你快速绘制精致有格调的马赛克背景

复制一层后ctrl+t旋转90度,之所以我要旋转90度是因为我不想最后那张壁纸会出现左右对称这样看着不舒服的感觉。

这一步完成后效果不一样的同学看下画布尺寸,得正方形才可以哟。

PS新手教程!教你快速绘制精致有格调的马赛克背景

自由变化上面的那层马赛克,水平斜切30度,横向放大115%。

PS新手教程!教你快速绘制精致有格调的马赛克背景

完成后把图层混合模式改为叠加。

PS新手教程!教你快速绘制精致有格调的马赛克背景

继续自由变化下面层,水平斜切跟上面的相反,所以我输入-30度,横向放大还是一样,115%,除了颜色之外有点像了是不是?

PS新手教程!教你快速绘制精致有格调的马赛克背景

裁剪一下,把边上不整齐的部分去除不要。

PS新手教程!教你快速绘制精致有格调的马赛克背景

新建一个渐变调整层。

色彩同学们可以选自己喜欢的。

PS新手教程!教你快速绘制精致有格调的马赛克背景

更改调整层的混合模式为颜色,完成!

PS新手教程!教你快速绘制精致有格调的马赛克背景

 


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (32)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!