优艾设计网

定义图案,网线网格效果

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:飞肯设计学苑
這個效果在網路上很常可以看到~ 平時上 Photoshop 時,很多同學也會一直重覆問到,因此就寫成範例讓大家參考~

這個效果在網路上很常可以看到~

平時上 Photoshop 時,很多同學也會一直重覆問到,因此就寫成範例讓大家參考~


開一個空白的新檔案,長寬小小的就好了,如此圖是 50x50像素。

然後在圖層面版上新增一個透明圖層~

定义图案,网线网格效果


把背景圖層關閉。

然後在新圖層上,使用鉛筆工具或畫線工具,畫一條 1像素粗細的直線。

定义图案,网线网格效果


使用方形圈選工具,圈選一半直線一半透明部份~

定义图案,网线网格效果


然後選取「編輯 Edit」→「定義圖樣 Define Pattern」

定义图案,网线网格效果


隨便開一張照片,然後新增一個透明圖層~

定义图案,网线网格效果


使用「油漆桶」工具,設定「圖樣模式 FILL」為「圖樣模式Pattern」,選取剛剛定義的白線圖樣~

定义图案,网线网格效果


使用「油漆桶」工具將白線圖樣到在照片的新圖層上~

這樣就可以看到網線格線的效果了~

定义图案,网线网格效果


若覺得白線太過強列,只要適度調整圖層透明度,即可得到最佳效果

定义图案,网线网格效果


依前面的步驟,我們再定義一個黑色網線的效果如下~

定义图案,网线网格效果


依前面的步驟,我們再定義一個黑色點點圖樣的效果如下~

定义图案,网线网格效果

0

精彩评论

暂无评论...
验证码 换一张
取 消