今天我们通过教程来学习一下如何把人物制作成马赛克效果的案例，这里需要运用到格子的效果，虽然格子效果制作起来有些麻烦，不过用参考线辅助一下就可以轻松地完成，本篇要说的马赛克效果并不是把人物制作成你看不到的样子，它是一种艺术效果的呈现，相信通过效果图同学们已经看到我们要制作的作品，在这里我们要熟悉一下参考线，这样这样的话才能把它制作的更好，参考线这个东西我们在PS中有的时候会经常用到，所以同学们要了解一下它，具体通过教程来学习一下吧。
效果图：
素材：
操作步骤：
第一步，我们先把照片放入ps。
这里我们需要按住快捷键ctrl K，这样打开了首选项我们选择参考线、切片与网格工具；在这里我们可以把风格线的间距给设置成100像素就可以啦，子网格可以设置为1。
第二步，如果ps中找不到网格显示的话，我们还可以点击视图下面的显示，选择网格就可以啦。
这个是效果
第三步，我们需要新建一个新的图层，颜色填充白色。
第四步，我们可以依次的用单行选框与单列选框，我们可以按住SHIFT键把各行各列都给框选出来。
第五步，我们可以删除掉图层一中的一些内容，只是我们不能取消现在的选区。
第六步，这个时候我们要再新建一个图层，我们可以把选区给填充上白颜色，其实我们这样是想给照片增加网格线的效果。
第七步，我们需要给图层一运用蒙版http://www.16xx8.com/tags/38847/工具，可以按住ctrl i选择反相。
第八步，我们可以在图层一上面运用魔棒把已经变成白色的地方给框选出来，接着我们在蒙版上面填充上白色就可以啦。
第九步，我们可以运用色相饱和度来调整一下整体，对于色相、饱和度和明度可以好好地调整一下。
我们可以按ctrl I可以把色相与饱和度的蒙版给反相CTRL I将色相和饱和度的蒙版反相。
这个时候我们再选择图层一，可以运用魔棒选择我们需要变化的那些色块区域，可以按住shift对选区做多选的操作。
这个时候我们再到色相饱和度的那个图层，我们点击一下蒙版工具，可以填充白色，这个时候蓝色的色块变显现出来啦。
第十步，我们可以再重复上一步的操作，可以多增加两个色相饱和度与明度的图层。
完成：
#pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizing: border-box; height: 164px; border: 1px solid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; } .pgc-card::after { content: ” “; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absolute; width: 162px; height: 162px; top: 0; left: 0; background-size: cover; } .pgc-content { overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height: 1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pgc-content-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height: 1em; } .pgc-card-buy { width: 75px; position: absolute; right: 0; top: 50px; color: #406599; font-size: 14px; text-align: center; } .pgc-buy-text { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: url(https://lf1-cdn-tos.bytescm.com/obj/cdn-static-resource/pgc/v2/pgc_tpl/static/image/commodity_buy_f2b4d1a.png); } ps教程photoshop2020零基础入门自学全套视频课程平面设计抠图 ￥89 购买