Photoshop CC 製作斜線條紋圖樣

更新於 2020/02/19閱讀時間約 1 分鐘

1. 細條紋

STEP1.
開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。
STEP2.
使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。
STEP3.
開啟空白新檔填入漸層或相片做為底圖,新增圖層使用油漆工具,設定填色內容為圖樣、並選擇所新增的細長斜條圖樣做為填色內容、不透明:100%,直接在版面上填入圖樣。
STEP4.
若要修改細長斜條圖樣的顏色,請設定圖層為『鎖定透明』在直接填色即可,亦可搭配圖層不透明設定,讓圖樣內容與下方底圖更為融合。

2.粗長斜線條紋

STEP1.
開新檔案,設定尺寸為8X8像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,執行『編輯 > 偏好設定』設定格點為『每格線:10像素』、『細塊:10』、格線顏色,再執行『檢視 > 顯示 > 格點』顯示出1像素間距之格點參考網格。
STEP2.
使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。依格點繪製圖樣內容,注意四角落的對稱關係。繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。
STEP3.
開啟空白新檔填入漸層或相片做為底圖,新增圖層使用油漆工具,設定填色內容為圖樣、並選擇所新增的細長斜條圖樣做為填色內容、不透明:100%,直接在版面上填入圖樣。
STEP4.
若要修改細長斜條圖樣的顏色,請設定圖層為『鎖定透明』在直接填色即可,亦可搭配讀曾不透明設定,讓圖樣內容與下方底圖更為融合。
相關課程 : 優勢多媒體 - Photoshop視覺影像與多媒體應用設計
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
哩老師的沙龍 的其他內容
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Step1. 開啟範例練習檔,為寬高50像素之圖檔,執行『影像 > 影像尺寸』更改寬高為5000像素(100倍),並選擇影像重新取樣為『最接近像素(保留硬邊)』,如此影像放大後即有馬賽克色塊影像效果。 Step2. 開啟要成為圖樣的檔案(尺寸200像素正方),執行『編輯 > 定義圖樣』,回到主要
Step1. 開啟範例練習檔,透視參考線圖層為透視角度參考依據,目的是要將人物依據準確的透視角度來複製合成。 複製人物圖層成人物拷貝,點取人物拷貝圖層,按下『Ctrl』『T』任意變形,移動變形中心至透視參考線交叉點上,滑鼠由左下角編輯點按住『Alt』固定中心等比例縮小,按下Enter確認變形。 
對於透視平面上不規則範圍的影像,同樣有仿製印章工具,提供透視平面上不規則範圍的影像仿製修復。 Step1. 開啟範例練習檔,直接執行「濾鏡」→「消失點」,開啟消失點設定視窗。使用「編輯平面工具」,直接調整已事先建立的平面(使用「建立平面工具」,依序在要處理的透視平面建立平面的四端點)。調整時注意
消失點功能除了可以在透視平面上,以正確的透視角度貼圖之外,還能夠在透視平面上直接以正確透視角度來仿製透視平面上的影像,讓透視平面上的影像處理更自然。 Step1. 開啟範例練習檔,直接執行「濾鏡」→「消失點」,開啟消失點設定視窗。使用「建立平面工具」,依序在要處理的透視平面(牆)建立平面的四端點
「消失點」可簡化含有透視平面的影像中的編輯作業。 您可以使用「消失點」指定影像中的平面,然後再套用繪畫、仿製、拷貝或貼上以及變形等編輯效果。 所有的編輯動作都會遵循您所處理的平面透視。 Step1. 開啟範例練習檔,使用矩型選取畫面工具,選取全部貼圖影像內容,執行「編輯」→「拷貝」。 Step2
Step1. 在photoshop中執行[ 檔案> 開新檔案 ] 設定寬度:100像素、高度:100像素、背景的內容為白色,開啟要製作連續背景圖的新檔。 使用「自訂形狀工具」,選擇所要繪製的圖案、像素格式,在圖層控制版上新增圖層1,設定前景色為灰色(可依喜好更改),直接在檔案中間點一下滑鼠,由設
Step1. 開啟範例練習檔,為寬高50像素之圖檔,執行『影像 > 影像尺寸』更改寬高為5000像素(100倍),並選擇影像重新取樣為『最接近像素(保留硬邊)』,如此影像放大後即有馬賽克色塊影像效果。 Step2. 開啟要成為圖樣的檔案(尺寸200像素正方),執行『編輯 > 定義圖樣』,回到主要
Step1. 開啟範例練習檔,透視參考線圖層為透視角度參考依據,目的是要將人物依據準確的透視角度來複製合成。 複製人物圖層成人物拷貝,點取人物拷貝圖層,按下『Ctrl』『T』任意變形,移動變形中心至透視參考線交叉點上,滑鼠由左下角編輯點按住『Alt』固定中心等比例縮小,按下Enter確認變形。 
對於透視平面上不規則範圍的影像,同樣有仿製印章工具,提供透視平面上不規則範圍的影像仿製修復。 Step1. 開啟範例練習檔,直接執行「濾鏡」→「消失點」,開啟消失點設定視窗。使用「編輯平面工具」,直接調整已事先建立的平面(使用「建立平面工具」,依序在要處理的透視平面建立平面的四端點)。調整時注意
消失點功能除了可以在透視平面上,以正確的透視角度貼圖之外,還能夠在透視平面上直接以正確透視角度來仿製透視平面上的影像,讓透視平面上的影像處理更自然。 Step1. 開啟範例練習檔,直接執行「濾鏡」→「消失點」,開啟消失點設定視窗。使用「建立平面工具」,依序在要處理的透視平面(牆)建立平面的四端點
「消失點」可簡化含有透視平面的影像中的編輯作業。 您可以使用「消失點」指定影像中的平面,然後再套用繪畫、仿製、拷貝或貼上以及變形等編輯效果。 所有的編輯動作都會遵循您所處理的平面透視。 Step1. 開啟範例練習檔,使用矩型選取畫面工具,選取全部貼圖影像內容,執行「編輯」→「拷貝」。 Step2
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
當你下定決心想要創作完美的圖片時,是否總是感到生圖製圖工具太過複雜、難以使用?別擔心!今天我們將介紹一款簡單直覺的 AI 生圖工具,幫助大家輕鬆製作出美美的圖片!   Stylar.ai 是一款極具多功能的 AI 圖片生成工具,旨在讓圖像處理變得更加容易且具有創造性。無論是要匯入圖片還是文
Thumbnail
用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...
Thumbnail
Photoshop 2024 正式引入AI功能後,我們之前在只能在 Beta上使用的生成擴張還有生成填色,都可以在接下來的 Photoshop 2024 上面使用。
Thumbnail
如果您是攝影愛好者或專業攝影師,並且正在尋找一個功能強大且易於使用的照片編輯軟體,那麼Luminar 4絕對是您的最佳選擇。
Thumbnail
Photoshop天空取代教學,超簡單容易的天空取代功能,出去玩拍照遇到陰天、晴空無雲,又想要拍出的照片有雲霞、朵朵白雲,甚至是替換成夕陽雲彩或黑壓壓的烏雲嗎?用這個方法較能夠輕易做到唷!
Thumbnail
去年(2021)12月起,開始進修自媒體課程。 為了讓自己持續復習,免得過去學習的辛苦白廢,決定開始發表學習成果!這算是……..替自己舉辦『線上成果展』嗎?
Thumbnail
學習Photoshop後的第一個商業廣告作品,雖然賣相不佳,但仍決定公開,留下成長的足跡....
Thumbnail
春耕、夏耘、秋收、冬藏,現在即使不是冬藏的年紀,至少也該秋收了吧!居然又搞來這麼一齣『二期稻作』的把戲折磨自己。 不過,準備秋收的年紀,確實有著秋收年紀的歷練,因為已有一期稻作的存糧,不必擔心鬧饑荒;同時,也有了春耕、夏耘的經驗,遇到困難便很清楚的知道,撐過去就好了!
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
當你下定決心想要創作完美的圖片時,是否總是感到生圖製圖工具太過複雜、難以使用?別擔心!今天我們將介紹一款簡單直覺的 AI 生圖工具,幫助大家輕鬆製作出美美的圖片!   Stylar.ai 是一款極具多功能的 AI 圖片生成工具,旨在讓圖像處理變得更加容易且具有創造性。無論是要匯入圖片還是文
Thumbnail
用photoshop製圖時常會用到混和模式的效果, 但切成網頁圖片時,卻呈現不出來,例如光暈旁邊都會帶黑邊, 最近看到一個css3的混色模式可以達成這樣的效果...
Thumbnail
Photoshop 2024 正式引入AI功能後,我們之前在只能在 Beta上使用的生成擴張還有生成填色,都可以在接下來的 Photoshop 2024 上面使用。
Thumbnail
如果您是攝影愛好者或專業攝影師,並且正在尋找一個功能強大且易於使用的照片編輯軟體,那麼Luminar 4絕對是您的最佳選擇。
Thumbnail
Photoshop天空取代教學,超簡單容易的天空取代功能,出去玩拍照遇到陰天、晴空無雲,又想要拍出的照片有雲霞、朵朵白雲,甚至是替換成夕陽雲彩或黑壓壓的烏雲嗎?用這個方法較能夠輕易做到唷!
Thumbnail
去年(2021)12月起,開始進修自媒體課程。 為了讓自己持續復習,免得過去學習的辛苦白廢,決定開始發表學習成果!這算是……..替自己舉辦『線上成果展』嗎?
Thumbnail
學習Photoshop後的第一個商業廣告作品,雖然賣相不佳,但仍決定公開,留下成長的足跡....
Thumbnail
春耕、夏耘、秋收、冬藏,現在即使不是冬藏的年紀,至少也該秋收了吧!居然又搞來這麼一齣『二期稻作』的把戲折磨自己。 不過,準備秋收的年紀,確實有著秋收年紀的歷練,因為已有一期稻作的存糧,不必擔心鬧饑荒;同時,也有了春耕、夏耘的經驗,遇到困難便很清楚的知道,撐過去就好了!