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

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

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

先看效果:

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

素材:

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

教程開始

1、打開上面的素材

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

CTRL+K打開首選項(或編輯菜單~首選項)找到參考線、網(wǎng)格和切片,設(shè)置風(fēng)格線間隔為100像素,子網(wǎng)格為1(數(shù)值的設(shè)定:因為我的背景是1200像素X1800像素的,所以風(fēng)格間隔為100像素保證了每個格子都是正方形的。因為各種圖片都不相同,所以根據(jù)自己的圖片情況來,也可以將圖片裁剪成正方形,網(wǎng)格線間隔設(shè)置成10成分經(jīng),這樣出來的格子也都是正方形。)

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

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

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

效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

再回到色相飽和度圖層,點擊蒙版,添加白色,此時藍色色塊效果便出來了。

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

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

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

完成。

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

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

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

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

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