[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用
Pixlr Editor 教學:修改一些與帳號相關的圖片時,很常透過模糊的方式,將重要個人資訊覆蓋,又或是當圖片要強調主體重點時,也可以使用背景虛化的方法將較為雜亂的部份塗抹。
在本篇我們透過 Pixlr Editor 的「選框與套索工具」,並運用濾鏡中的「高斯模糊」,就可以達到圖片的背景虛化效果。以下就是示例,開始動工了!
匯入圖片後,在左側的『工具箱』選擇「選框工具」,並在螢幕上方的『工具選項』點選「方形選框工具」;接下來,使用滑鼠運用方形選框工具在圖片中拉出一個「方形框格」
在圖片中框選完一個固定區域後,可以看到框選完成的方形框格變成了虛線的選取區塊
接著我們點擊滑鼠右鍵,並選擇「反選」
此時剛才在圖片中選擇的虛線區塊,就變成了反選的狀態,並套用在整張圖片中
按下高斯模糊之後,畫面會提示合計要模糊的程度 ( 預設值為 50 );這裡可以試著托動拉桿選擇想要的模糊程度,在確認完之後可以點擊「確定」
到這裡,圖片中反選的部份就應用到模糊的濾鏡了
接著我們可以按下鍵盤上的快速組合鍵「Ctrl + D」或是使用滑鼠點擊右鍵的「取消全選」,來結束選取動作
結束選取之後,到這裡背景虛化的操作動作就完成了
若是需要框選圓形或是橢圓形的目標區域,則可以選擇『工具選項』中的「橢圓形選框工具」
同樣的,我們可以試著「匯入」一張較為不規則的圖片,接著選擇左側『工具箱』中的「套索工具」,並在『工具選項』選取「多邊形套索工具」
選取了多邊形套索工具之後,可以依圖片中需要選取的目標區域做拉線 ( 滑鼠左鍵點擊一下則可設置一次錨點 )
這個步驟需要注意!在我們拉線時的最後一個錨點,必需與起始的第一個錨點組合起來
到這裡,需要選取的目標區域,就完成了選取的動作了!背景虛化的流程則可照「Step.3」的操作來達到模糊的效果
若需選取較為隨意的目標區域,可以在「套索工具」的『工具選項』中選擇「直接套索工具」,按著左鍵即可快速的圈選目標區域了
以上,祝愉快:)
在本篇我們透過 Pixlr Editor 的「選框與套索工具」,並運用濾鏡中的「高斯模糊」,就可以達到圖片的背景虛化效果。以下就是示例,開始動工了!
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_001 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_001](https://3.bp.blogspot.com/-a5nYWCBGp2U/Ve30fILjtTI/AAAAAAAAHMY/q6Dc7n7TKfw/s1600/pixlr-editor-photos-bokeh_001.jpg)
相關連結
Online Photo Editor|Pixlr Editor:「https://pixlr.com/editor/」操作流程
- 將 Pixlr Editor 切換為中文版介面
- 運用 Pixlr Editor「選框工具」框選目標區域
- 應用「高斯模糊」濾鏡,虛化背景
- Pixlr Editor「套索工具」框選目標區域
操作介面
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_002 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_002](http://2.bp.blogspot.com/-IWgKR_Zh5So/Ve30fAnoPsI/AAAAAAAAHOo/sbitzn6Rr8w/s1600/pixlr-editor-photos-bokeh_002.jpg)
操作教學
Step 1
將 Pixlr Editor 切換為中文版介面
首先,前往 Pixlr Editor,選擇操作頁面『選單』中的「Language」,並在下拉式選單中點選「正體中文」,即可使用 Pixlr Editor 的中文操作介面![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_101 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_101](http://1.bp.blogspot.com/-pAE8lTKCrsA/Ve30fKZzoUI/AAAAAAAAHOs/UlALqQZB0Wc/s1600/pixlr-editor-photos-bokeh_101.jpg)
Step 2
運用 Pixlr Editor「選框工具」框選目標區域
接著我們可以挑選一張電腦中的圖片做練習。於『選單』的左上角選擇「文件」,並在下拉式選單中點選「打開圖片」![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_201 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_201](http://4.bp.blogspot.com/-VSfxs1XObYY/Ve30fi_iOwI/AAAAAAAAHOk/ypAZjL0o_3E/s1600/pixlr-editor-photos-bokeh_201.jpg)
匯入圖片後,在左側的『工具箱』選擇「選框工具」,並在螢幕上方的『工具選項』點選「方形選框工具」;接下來,使用滑鼠運用方形選框工具在圖片中拉出一個「方形框格」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_202 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_202](http://2.bp.blogspot.com/-IzMQzzlGrxo/Ve30f_nF-8I/AAAAAAAAHOg/roQAnxLIcGI/s1600/pixlr-editor-photos-bokeh_202.jpg)
在圖片中框選完一個固定區域後,可以看到框選完成的方形框格變成了虛線的選取區塊
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_203 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_203](http://4.bp.blogspot.com/-lG3rB-HafrI/Ve30gFWkuzI/AAAAAAAAHOc/TMeSOEOcZ2A/s1600/pixlr-editor-photos-bokeh_203.jpg)
接著我們點擊滑鼠右鍵,並選擇「反選」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_204 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_204](http://1.bp.blogspot.com/-rvNL2vXiFF4/Ve30gFNcfbI/AAAAAAAAHOY/vJewHX-A8uw/s1600/pixlr-editor-photos-bokeh_204.jpg)
此時剛才在圖片中選擇的虛線區塊,就變成了反選的狀態,並套用在整張圖片中
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_205 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_205](http://1.bp.blogspot.com/-hMyRXH0VdH0/Ve30gQ-YKUI/AAAAAAAAHOQ/k9PIv9GsalA/s1600/pixlr-editor-photos-bokeh_205.jpg)
Step 3
應用「高斯模糊」濾鏡,虛化背景
接下來我們就可以開始虛化反選區域的部份了。在選單中選取「濾鏡」,並在下拉式選單中點選「高斯模糊」![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_301 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_301](http://4.bp.blogspot.com/-iJ9nI220CHI/Ve30gnf2RFI/AAAAAAAAHOM/yYcZYCnUD1g/s1600/pixlr-editor-photos-bokeh_301.jpg)
按下高斯模糊之後,畫面會提示合計要模糊的程度 ( 預設值為 50 );這裡可以試著托動拉桿選擇想要的模糊程度,在確認完之後可以點擊「確定」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_302 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_302](http://1.bp.blogspot.com/-cFTEDdGE2dU/Ve30gzr3xoI/AAAAAAAAHOE/MTc8lbb1a5U/s1600/pixlr-editor-photos-bokeh_302.jpg)
到這裡,圖片中反選的部份就應用到模糊的濾鏡了
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_303 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_303](http://3.bp.blogspot.com/-7eKJBae1eAU/Ve30hGoxMLI/AAAAAAAAHNQ/7umRbkSN8nQ/s1600/pixlr-editor-photos-bokeh_303.jpg)
接著我們可以按下鍵盤上的快速組合鍵「Ctrl + D」或是使用滑鼠點擊右鍵的「取消全選」,來結束選取動作
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_304 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_304](http://4.bp.blogspot.com/-D4qN87Z2oys/Ve30hf7D0-I/AAAAAAAAHNg/Tm9zFoUfv38/s1600/pixlr-editor-photos-bokeh_304.jpg)
結束選取之後,到這裡背景虛化的操作動作就完成了
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_305 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_305](http://2.bp.blogspot.com/-9fCAnqffIqM/Ve30hcBqfJI/AAAAAAAAHNY/hiVIbF-eavs/s1600/pixlr-editor-photos-bokeh_305.jpg)
若是需要框選圓形或是橢圓形的目標區域,則可以選擇『工具選項』中的「橢圓形選框工具」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_306 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_306](http://3.bp.blogspot.com/-_QZrX3My_bI/Ve30hofUuzI/AAAAAAAAHOU/FMzNE0DEogE/s1600/pixlr-editor-photos-bokeh_306.jpg)
Step 4
Pixlr Editor「套索工具」框選目標區域
選框工具可以選取較為制式的方形、圓形區域,若是需要選取較為複雜的目標區域,就可以利用「套索工具」來完成。同樣的,我們可以試著「匯入」一張較為不規則的圖片,接著選擇左側『工具箱』中的「套索工具」,並在『工具選項』選取「多邊形套索工具」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_401 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_401](http://1.bp.blogspot.com/-AHjWUzNHnl8/Ve30hwLllmI/AAAAAAAAHNs/6c5sXSKjrPw/s1600/pixlr-editor-photos-bokeh_401.jpg)
選取了多邊形套索工具之後,可以依圖片中需要選取的目標區域做拉線 ( 滑鼠左鍵點擊一下則可設置一次錨點 )
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_402 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_402](http://3.bp.blogspot.com/-NAZmeeBbo2k/Ve30iNWYSvI/AAAAAAAAHNw/jwEq9PnPcNQ/s1600/pixlr-editor-photos-bokeh_402.jpg)
這個步驟需要注意!在我們拉線時的最後一個錨點,必需與起始的第一個錨點組合起來
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_403 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_403](http://1.bp.blogspot.com/-PoEF6bqf78U/Ve30ipXIu9I/AAAAAAAAHN8/oCWzXKQ8T3Y/s1600/pixlr-editor-photos-bokeh_403.jpg)
到這裡,需要選取的目標區域,就完成了選取的動作了!背景虛化的流程則可照「Step.3」的操作來達到模糊的效果
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_404 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_404](http://3.bp.blogspot.com/-s0m8JQgLRb8/Ve30i5wStrI/AAAAAAAAHN4/taEBFcnKd8g/s1600/pixlr-editor-photos-bokeh_404.jpg)
若需選取較為隨意的目標區域,可以在「套索工具」的『工具選項』中選擇「直接套索工具」,按著左鍵即可快速的圈選目標區域了
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_405 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_405](http://2.bp.blogspot.com/-dwNL5znwCNw/Ve30jVp8T3I/AAAAAAAAHOI/bPtKUVqwuuY/s1600/pixlr-editor-photos-bokeh_405.jpg)
以上,祝愉快:)
留言
張貼留言