当前位置:首页>ps培训教程>ps照片处理>效果教程>教程内容

拼图效果,教你做格子拼图效果(6)

来源:www.16xx8.com 作者:卡乐筠 学习:39930人次
@卡乐筠:教大家制作格子效果,制作方法简单但有点麻烦,通过参考线做选区,再填充色块即可,十分简单,分享给大家学习吧。

先看效果:

拼图效果,教你做格子拼图效果_www.16xx8.com
www.16xx8.com

素材:

拼图效果,教你做格子拼图效果_www.16xx8.com

教程开始

1、打开上面的素材

拼图效果,教你做格子拼图效果_www.16xx8.com

CTRL+K打开首选项(或编辑菜单~首选项)找到参考线、网格和切片,设置风格线间隔为100像素,子网格为1(数值的设定:因为我的背景是1200像素X1800像素的,所以风格间隔为100像素保证了每个格子都是正方形的。因为各种图片都不相同,所以根据自己的图片情况来,也可以将图片裁剪成正方形,网格线间隔设置成10成分经,这样出来的格子也都是正方形。)

拼图效果,教你做格子拼图效果_www.16xx8.com

2、若是没有网格显示,可以打开视图菜单~显示~勾选上网格即可。

拼图效果,教你做格子拼图效果_www.16xx8.com

效果

拼图效果,教你做格子拼图效果_www.16xx8.com

3、新建空白图层~填充白色。

拼图效果,教你做格子拼图效果_www.16xx8.com

4、依次使用单行选框工具和单列选框工具,按住SHIFT键添加到选区将风格线上的每一行每一列都选择出来(下图我都选择出来了,不过有的蚂蚁线不放大看不出来。。。)

拼图效果,教你做格子拼图效果_www.16xx8.com

5、按住DELETE键删除图层1选区里面的内容,不要取消选区。

拼图效果,教你做格子拼图效果_www.16xx8.com

6、新建一空白图层(图层2)将选区内填充白色,这一步是为了给图片添加网格线,取消网格的显示。

拼图效果,教你做格子拼图效果_www.16xx8.com

拼图效果,教你做格子拼图效果_www.16xx8.com

7、给图层1添加蒙版,CTRL+I反相。

拼图效果,教你做格子拼图效果_www.16xx8.com

8、在图层1上使用魔棒工具将变白的区域选择出来,再在蒙版上填充白色即可,根据自己的喜欢来选择,建议保留面部。

拼图效果,教你做格子拼图效果_www.16xx8.com

9、使用色相饱和度调整图层,勾选着色,调整好色相、饱和度、明度。

拼图效果,教你做格子拼图效果_www.16xx8.com

CTRL+I将色相和饱和度的蒙版反相。

拼图效果,教你做格子拼图效果_www.16xx8.com

回到图层1,使用魔棒工具选择出需要改变的色块位置,可以按住SHIFT键添加到选区进行多选。

拼图效果,教你做格子拼图效果_www.16xx8.com

再回到色相饱和度图层,点击蒙版,添加白色,此时蓝色色块效果便出来了。

拼图效果,教你做格子拼图效果_www.16xx8.com

10、重复第九步,多添加两个色相饱和度图层。

拼图效果,教你做格子拼图效果_www.16xx8.com

完成。

拼图效果,教你做格子拼图效果_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
拉风的小新2018-04-28 01:37
中间有省略掉什么吗?按照上面的步骤来老师不成功,试了好几次
网友1354601952017-10-28 05:27
这个网站的教程,很多都挺不错的
网友1354601952017-10-28 05:26
有哪位大神愿意教一下我
网友1354601952017-10-28 05:25
为啥就我做不出来,你们是怎么完成这个作品 的请问
网友1354601952017-10-28 05:23
伤心,我做出来整体画面颜色停留在步骤9 zzz 的原帖:我停在了第8步
网友1354601952017-10-28 05:23
不知道是不是我ps有问题,魔棒工具选不出来,做了好久还是没做出来,教程是不是不详细
打杂2017-08-28 08:19
纯粹小白 做到步骤5就被卡住了 是我的DELETE键失灵了? 按住好像没反应 新建图层3 按住AIT+DELETE填充不了变白色《前景是白色的前提下》 图层3只是透明的 强行进行步骤6取消网格 得到的只是白色图层一张 之前的线都白画了
你很潮小心发臭2017-05-12 03:25
方法学到了
你很潮小心发臭2017-05-12 03:05
方法学到了
332017-05-08 08:53
网格 横列的选择方式
332017-05-08 08:05
网格 横列的选择方式
--2017-03-15 10:10
你是不是没用蒙版?选几个格子对变色的照片做蒙版;或者,选几个格子,随便填色做一层,把变色照片做剪切蒙版。这样才能透出下边的原图。
--2017-03-15 10:07
简易版 知道思路就行,不用按部就班地按着教程思路~~~~连参考线都不用的懒人路过~~~PS:偷懒招式,用AI画8*10的白色格子,贴到PS,栅格化,选区反选得格子线,剪切蒙版放照片;还是白色格子,魔棒,选择几个方块,删除,得到最大的主体,剪切蒙版放照片;还是白色格子,魔棒,选择几个方块,C+J复制一层,随便填色,剪切蒙版放照片,色相饱和度调色。完成。原图的大小不规整,要裁切一下。
--2017-03-15 10:03
简易版 知道思路就行,不用按部就班地按着教程思路~~~~连参考线都不用的懒人路过~~~PS:偷懒招式,用AI画8*10的白色格子,贴到PS,栅格化,选区反选得格子线,剪切蒙版放照片;还是白色格子,魔棒,选择几个方块,删除,得到最大的主体,剪切蒙版放照片;还是白色格子,魔棒,选择几个方块,C+J复制一层,随便填色,剪切蒙版放照片,色相饱和度调色。完成。原图的大小不规整,要裁切一下。
--2017-03-15 10:03
伤心,我做出来整体画面颜色停留在步骤9 zzz 的原帖:你是不是没用蒙版?选几个格子对变色的照片做蒙版;或者,选几个格子,随便填色做一层,把变色照片做剪切蒙版。这样才能透出下边的原图。

关注大神微博加入>>

网友求助,请回答!