Photoshop CC 製作斜線條紋圖樣

更新於 發佈於 閱讀時間約 2 分鐘
raw-image

1. 細條紋

STEP1.
開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。

raw-image

STEP2.
使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。

raw-image

STEP3.
開啟空白新檔填入漸層或相片做為底圖,新增圖層使用油漆工具,設定填色內容為圖樣、並選擇所新增的細長斜條圖樣做為填色內容、不透明:100%,直接在版面上填入圖樣。

raw-image

STEP4.
若要修改細長斜條圖樣的顏色,請設定圖層為『鎖定透明』在直接填色即可,亦可搭配圖層不透明設定,讓圖樣內容與下方底圖更為融合。

raw-image

2.粗長斜線條紋

STEP1.
開新檔案,設定尺寸為8X8像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,執行『編輯 > 偏好設定』設定格點為『每格線:10像素』、『細塊:10』、格線顏色,再執行『檢視 > 顯示 > 格點』顯示出1像素間距之格點參考網格。

raw-image

STEP2.
使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。依格點繪製圖樣內容,注意四角落的對稱關係。繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。

raw-image

STEP3.
開啟空白新檔填入漸層或相片做為底圖,新增圖層使用油漆工具,設定填色內容為圖樣、並選擇所新增的細長斜條圖樣做為填色內容、不透明:100%,直接在版面上填入圖樣。

raw-image

STEP4.
若要修改細長斜條圖樣的顏色,請設定圖層為『鎖定透明』在直接填色即可,亦可搭配讀曾不透明設定,讓圖樣內容與下方底圖更為融合。

raw-image

下載範例

相關課程 : 優勢多媒體 - Photoshop視覺影像與多媒體應用設計

留言
avatar-img
留言分享你的想法!
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/19
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
2020/02/19
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
2020/02/19
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
2020/02/19
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
2020/02/19
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Thumbnail
2020/02/19
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
STEP1. 開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。 選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。 STEP2. 點取中央直線
Thumbnail
STEP1. 開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。 選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。 STEP2. 點取中央直線
Thumbnail
Step1. 開啟範例練習檔,顯示木紋圖層,並加上圖層樣式斜角和浮雕,設定尺寸:15像素。 接著暫時隱藏木紋圖層,並選取到整個標誌,至色版控制版上,新增Alpha 1並貼上複製的標誌,即獲得黑白的標誌。 Step2. 回到RGB圖層上,顯示並選取木紋圖層,再到色版上按住『Ctrl』建議Alph
Thumbnail
Step1. 開啟範例練習檔,顯示木紋圖層,並加上圖層樣式斜角和浮雕,設定尺寸:15像素。 接著暫時隱藏木紋圖層,並選取到整個標誌,至色版控制版上,新增Alpha 1並貼上複製的標誌,即獲得黑白的標誌。 Step2. 回到RGB圖層上,顯示並選取木紋圖層,再到色版上按住『Ctrl』建議Alph
Thumbnail
Step1. 開啟範例練習檔,若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具,依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。 Step2. 開啟欲製作拼圖的圖檔,切換到色版控制版新增Alpha 1,使用油漆桶工具,選
Thumbnail
Step1. 開啟範例練習檔,若無法見到參考線請執行 [ 檢視 > 顯示 > 參考線 ] 顯示參考線。使用矩型選取工具,依參考線建立矩型選取區。執行 [ 編輯 > 定義圖樣 ]將選取區內的內容定義為圖樣。 Step2. 開啟欲製作拼圖的圖檔,切換到色版控制版新增Alpha 1,使用油漆桶工具,選
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
Step1. 開啟500X500像素、解析度72、背景白色之RGB新檔,使用鋼筆工具,上方工具設定列上選擇繪製路徑。首先在版面右下角邊點一下建立起始節點,接著在如圖位置上按住左鍵建立第二個節點並拖拉出路徑彎曲控制線,調整路經彎曲如圖後放開滑鼠左鍵。 Step2. 按住Alt滑鼠點取第二個節點,使
Thumbnail
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Thumbnail
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Thumbnail
Step1. 開啟範例練習檔,為文字圖層加上斜角浮雕效果,設定樣式:內斜角、技術:雕鑿硬邊、尺寸:43像素、光澤輪廓選擇如圖、亮部模式不透明:52%。 Step2. 新增圖層1,按住Ctrl、滑鼠點取文字圖層建立文字選取區,執行 [ 選取> 修改> 擴張]選取區擴張2像素,同樣在選取區內填入#8
Thumbnail
Step1. 開啟範例練習檔,為文字圖層加上斜角浮雕效果,設定樣式:內斜角、技術:雕鑿硬邊、尺寸:43像素、光澤輪廓選擇如圖、亮部模式不透明:52%。 Step2. 新增圖層1,按住Ctrl、滑鼠點取文字圖層建立文字選取區,執行 [ 選取> 修改> 擴張]選取區擴張2像素,同樣在選取區內填入#8
Thumbnail
利用濾鏡與調色效果,製作出相片的畫風效果。 1.鉛筆線條畫風 Step1. 開啟範例練習檔,複製背景圖層成背景拷貝圖層,在背景拷貝圖層上執行「影像」→「調整」→「去除飽和度」將影像黑白化呈灰階。 繼續執行「濾鏡」→「風格化」→「找尋邊緣」,加強出影像的邊緣輪廓線。 Step2. 執行「影像」→「
Thumbnail
利用濾鏡與調色效果,製作出相片的畫風效果。 1.鉛筆線條畫風 Step1. 開啟範例練習檔,複製背景圖層成背景拷貝圖層,在背景拷貝圖層上執行「影像」→「調整」→「去除飽和度」將影像黑白化呈灰階。 繼續執行「濾鏡」→「風格化」→「找尋邊緣」,加強出影像的邊緣輪廓線。 Step2. 執行「影像」→「
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News