1. 首頁
  2. 網頁製作

ps的格子效果怎麼做?

ps的格子效果怎麼做?

我們經常看到網上有著各種各樣好看的圖片。而其中有種是類似格子效果的圖片。對於這種圖片我們要如何用ps做出來呢?下面小編就教大家怎麼做吧。

先看效果:

素材:

教程開始

1、開啟上面的素材

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

2、若是沒有網格顯示,可以開啟檢視選單~顯示~勾選上網格即可。

效果

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

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

5、按住DELETE鍵刪除圖層1選區裡面的內容,不要取消選區。

6、新建一空白圖層(圖層2)將選區內填充白色,這一步是為了給圖片新增網格線,取消網格的顯示。

7、給圖層1新增蒙版,CTRL+I反相。

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

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

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

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

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

10、重複第九步,多新增兩個色相飽和度圖層。

完成。

最終效果圖