當(dāng)前位置:首頁(yè)>ps培訓(xùn)教程>ps照片處理>效果教程>教程內(nèi)容

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

來(lái)源:www.theoat.com.cn 作者:卡樂(lè)筠 學(xué)習(xí):39930人次
@卡樂(lè)筠:教大家制作格子效果,制作方法簡(jiǎn)單但有點(diǎn)麻煩,通過(guò)參考線做選區(qū),再填充色塊即可,十分簡(jiǎn)單,分享給大家學(xué)習(xí)吧。

先看效果:

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn
www.theoat.com.cn

素材:

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

教程開(kāi)始

1、打開(kāi)上面的素材

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

CTRL+K打開(kāi)首選項(xiàng)(或編輯菜單~首選項(xiàng))找到參考線、網(wǎng)格和切片,設(shè)置風(fēng)格線間隔為100像素,子網(wǎng)格為1(數(shù)值的設(shè)定:因?yàn)槲业谋尘笆?200像素X1800像素的,所以風(fēng)格間隔為100像素保證了每個(gè)格子都是正方形的。因?yàn)楦鞣N圖片都不相同,所以根據(jù)自己的圖片情況來(lái),也可以將圖片裁剪成正方形,網(wǎng)格線間隔設(shè)置成10成分經(jīng),這樣出來(lái)的格子也都是正方形。)

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

2、若是沒(méi)有網(wǎng)格顯示,可以打開(kāi)視圖菜單~顯示~勾選上網(wǎng)格即可。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

效果

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

3、新建空白圖層~填充白色。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

4、依次使用單行選框工具和單列選框工具,按住SHIFT鍵添加到選區(qū)將風(fēng)格線上的每一行每一列都選擇出來(lái)(下圖我都選擇出來(lái)了,不過(guò)有的螞蟻線不放大看不出來(lái)。。。)

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

5、按住DELETE鍵刪除圖層1選區(qū)里面的內(nèi)容,不要取消選區(qū)。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

6、新建一空白圖層(圖層2)將選區(qū)內(nèi)填充白色,這一步是為了給圖片添加網(wǎng)格線,取消網(wǎng)格的顯示。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

7、給圖層1添加蒙版,CTRL+I反相。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

8、在圖層1上使用魔棒工具將變白的區(qū)域選擇出來(lái),再在蒙版上填充白色即可,根據(jù)自己的喜歡來(lái)選擇,建議保留面部。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

9、使用色相飽和度調(diào)整圖層,勾選著色,調(diào)整好色相、飽和度、明度。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

CTRL+I將色相和飽和度的蒙版反相。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

回到圖層1,使用魔棒工具選擇出需要改變的色塊位置,可以按住SHIFT鍵添加到選區(qū)進(jìn)行多選。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

再回到色相飽和度圖層,點(diǎn)擊蒙版,添加白色,此時(shí)藍(lán)色色塊效果便出來(lái)了。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

10、重復(fù)第九步,多添加兩個(gè)色相飽和度圖層。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

完成。

拼圖效果,教你做格子拼圖效果_www.theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
拉風(fēng)的小新2018-04-28 01:37
中間有省略掉什么嗎?按照上面的步驟來(lái)老師不成功,試了好幾次
網(wǎng)友1354601952017-10-28 05:27
這個(gè)網(wǎng)站的教程,很多都挺不錯(cuò)的
網(wǎng)友1354601952017-10-28 05:26
有哪位大神愿意教一下我
網(wǎng)友1354601952017-10-28 05:25
為啥就我做不出來(lái),你們是怎么完成這個(gè)作品 的請(qǐng)問(wèn)
網(wǎng)友1354601952017-10-28 05:23
傷心,我做出來(lái)整體畫(huà)面顏色停留在步驟9 zzz 的原帖:我停在了第8步
網(wǎng)友1354601952017-10-28 05:23
不知道是不是我ps有問(wèn)題,魔棒工具選不出來(lái),做了好久還是沒(méi)做出來(lái),教程是不是不詳細(xì)
打雜2017-08-28 08:19
純粹小白 做到步驟5就被卡住了 是我的DELETE鍵失靈了? 按住好像沒(méi)反應(yīng) 新建圖層3 按住AIT+DELETE填充不了變白色《前景是白色的前提下》 圖層3只是透明的 強(qiáng)行進(jìn)行步驟6取消網(wǎng)格 得到的只是白色圖層一張 之前的線都白畫(huà)了
你很潮小心發(fā)臭2017-05-12 03:25
方法學(xué)到了
你很潮小心發(fā)臭2017-05-12 03:05
方法學(xué)到了
332017-05-08 08:53
網(wǎng)格 橫列的選擇方式
332017-05-08 08:05
網(wǎng)格 橫列的選擇方式
--2017-03-15 10:10
你是不是沒(méi)用蒙版?選幾個(gè)格子對(duì)變色的照片做蒙版;或者,選幾個(gè)格子,隨便填色做一層,把變色照片做剪切蒙版。這樣才能透出下邊的原圖。
--2017-03-15 10:07
簡(jiǎn)易版 知道思路就行,不用按部就班地按著教程思路~~~~連參考線都不用的懶人路過(guò)~~~PS:偷懶招式,用AI畫(huà)8*10的白色格子,貼到PS,柵格化,選區(qū)反選得格子線,剪切蒙版放照片;還是白色格子,魔棒,選擇幾個(gè)方塊,刪除,得到最大的主體,剪切蒙版放照片;還是白色格子,魔棒,選擇幾個(gè)方塊,C+J復(fù)制一層,隨便填色,剪切蒙版放照片,色相飽和度調(diào)色。完成。原圖的大小不規(guī)整,要裁切一下。
--2017-03-15 10:03
簡(jiǎn)易版 知道思路就行,不用按部就班地按著教程思路~~~~連參考線都不用的懶人路過(guò)~~~PS:偷懶招式,用AI畫(huà)8*10的白色格子,貼到PS,柵格化,選區(qū)反選得格子線,剪切蒙版放照片;還是白色格子,魔棒,選擇幾個(gè)方塊,刪除,得到最大的主體,剪切蒙版放照片;還是白色格子,魔棒,選擇幾個(gè)方塊,C+J復(fù)制一層,隨便填色,剪切蒙版放照片,色相飽和度調(diào)色。完成。原圖的大小不規(guī)整,要裁切一下。
--2017-03-15 10:03
傷心,我做出來(lái)整體畫(huà)面顏色停留在步驟9 zzz 的原帖:你是不是沒(méi)用蒙版?選幾個(gè)格子對(duì)變色的照片做蒙版;或者,選幾個(gè)格子,隨便填色做一層,把變色照片做剪切蒙版。這樣才能透出下邊的原圖。

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!