制作简单的栅格化背景

作者:课课家教育更新于： 2016-11-28 16:13:18

　　我们在给电脑或者手机搜索壁纸的时候,常常会看到栅格化背景的图片,给人以一种特别的视觉享受。那么这些栅格化背景图片是怎样制作出来的呢?下面小编就为大家介绍具体的操作步骤和方法,希望能帮助到大家!

　　按照惯例小编先把最终效果图给大家看看(图1)。

最终效果图

　　①第一步我们打开photoshop,新建画布画一个矩形,然后选个暗色或者渐变色作为背景色。本次教程小编选的是-120°从#add0e6到eedd87,#e1b7f3的三色渐变填充,具体效果如图1所示。

图1

　　②第二步我们用矩形形状工具创建如下图形,做好黑白2个,接下来我们使用复制。高宽度可根据个人喜好适当定义,但小编建议总的宽度和单个的高度最好比第一步的矩形大。具体效果如图2所示。

图2

　　③第三步我们把上面的黑白条矩形框链接起来,具体方法是选中所有要链接的图层,单击右键-选择链接图层。接下来我们将之剪切蒙版到第一步的底框中,批量剪切蒙版Ctrl+Alt+G。具体如图3所示。

图3

　　④第四步我们选中图层面版里面的所有黑矩形,在图层混合选项选叠加模式,不透明度为20%,具体如图4所示。接下来选中图层面版里面的所有黑矩形,图层混合选叠加,不透明度输入20%,具体如图5所示。

图4

图5

　　⑤最后一步我们选中第四步的黑白所有图层,复制,Ctrl+T,右键水平翻转,最终得到下面效果,如图6所示。

图6

　　本次通过photoshop来制作简单的栅格化背景教程小编主要通过形状创建工具,图层蒙版修改和图层混合模式的修改来制作完成的。各位有兴趣的朋友不妨试一试吧!