Flycan 飛肯設計學苑:教學網站


【Photoshop】文章精華區


【請求】 【Photoshop教學】【定義圖樣】網線、格線效果



【Photoshop教學】【定義圖樣】網線、格線效果
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1330
離線
這個效果在網路上很常可以看到~

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



開一個空白的新檔案,長寬小小的就好了,如此圖是 50x50像素。
然後在圖層面版上新增一個透明圖層~
Open in new window



把背景圖層關閉。
然後在新圖層上,使用鉛筆工具或畫線工具,畫一條 1像素粗細的直線。
Open in new window



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



然後選取「編輯 Edit」→「定義圖樣 Define Pattern」~
Open in new window



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



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



使用「油漆桶」工具將白線圖樣到在照片的新圖層上~
這樣就可以看到網線格線的效果了~
Open in new window



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



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



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

2008/4/30 2:48
 


回覆: 回覆: 【Photoshop教學】【定義圖樣】網線、格線效果
飛肯老師
註冊日期:
2008/5/7 14:07
留言: 173
離線
我的作品 試貼
Open in new window

2008/5/7 14:29
 


回覆: 【Photoshop教學】【定義圖樣】網線、格線效果
會員一級
註冊日期:
2011/1/16 22:35
留言: 1
離線
版大大,小弟我研究很久!就是找不到 Photoshop CS5 的油漆桶在哪∼∼∼∼
可以請大大救救我,PS5 的修改方式嗎???

2011/1/31 8:56
 


回覆: 回覆: 【Photoshop教學】【定義圖樣】網線、格線效果
會員二級
註冊日期:
2011/1/26 12:39
留言: 7
離線
油漆桶工具就在最左邊工具列

由上往下算的話,是第12個

他跟漸層工具放在同一個地方

要開啟油漆桶的話,要單響漸層工具滑鼠左鍵一下不放

就會跳出漸層工具跟油漆桶工具了

我也是使用PHOTOSHOP CS5 ^^

2011/2/1 4:24
 


回覆: 【Photoshop教學】【定義圖樣】網線、格線效果
會員一級
註冊日期:
2010/12/22 11:09
留言: 5
離線
謝謝老師~原來是這樣做的!

2011/4/19 13:58
 




正在瀏覽:   1 名訪客






[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 1 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

http://www.flycan.com.tw/ 電腦設計教學中心

【 Flycan.com 】 Powered by XOOPS