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
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
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. 執行「影像」→「
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News