[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用
Pixlr Editor 教學:修改一些與帳號相關的圖片時,很常透過模糊的方式,將重要個人資訊覆蓋,又或是當圖片要強調主體重點時,也可以使用背景虛化的方法將較為雜亂的部份塗抹。
在本篇我們透過 Pixlr Editor 的「選框與套索工具」,並運用濾鏡中的「高斯模糊」,就可以達到圖片的背景虛化效果。以下就是示例,開始動工了!
匯入圖片後,在左側的『工具箱』選擇「選框工具」,並在螢幕上方的『工具選項』點選「方形選框工具」;接下來,使用滑鼠運用方形選框工具在圖片中拉出一個「方形框格」
在圖片中框選完一個固定區域後,可以看到框選完成的方形框格變成了虛線的選取區塊
接著我們點擊滑鼠右鍵,並選擇「反選」
此時剛才在圖片中選擇的虛線區塊,就變成了反選的狀態,並套用在整張圖片中
按下高斯模糊之後,畫面會提示合計要模糊的程度 ( 預設值為 50 );這裡可以試著托動拉桿選擇想要的模糊程度,在確認完之後可以點擊「確定」
到這裡,圖片中反選的部份就應用到模糊的濾鏡了
接著我們可以按下鍵盤上的快速組合鍵「Ctrl + D」或是使用滑鼠點擊右鍵的「取消全選」,來結束選取動作
結束選取之後,到這裡背景虛化的操作動作就完成了
若是需要框選圓形或是橢圓形的目標區域,則可以選擇『工具選項』中的「橢圓形選框工具」
同樣的,我們可以試著「匯入」一張較為不規則的圖片,接著選擇左側『工具箱』中的「套索工具」,並在『工具選項』選取「多邊形套索工具」
選取了多邊形套索工具之後,可以依圖片中需要選取的目標區域做拉線 ( 滑鼠左鍵點擊一下則可設置一次錨點 )
這個步驟需要注意!在我們拉線時的最後一個錨點,必需與起始的第一個錨點組合起來
到這裡,需要選取的目標區域,就完成了選取的動作了!背景虛化的流程則可照「Step.3」的操作來達到模糊的效果
若需選取較為隨意的目標區域,可以在「套索工具」的『工具選項』中選擇「直接套索工具」,按著左鍵即可快速的圈選目標區域了
以上,祝愉快:)
在本篇我們透過 Pixlr Editor 的「選框與套索工具」,並運用濾鏡中的「高斯模糊」,就可以達到圖片的背景虛化效果。以下就是示例,開始動工了!
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_001 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_001](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbuIQBLLF-DkhCecMEE1XqoAL9NesXGQAYyaNJdtjtJKwSkAK2yuH7um2gBcqCrafKB7gDSF-6_MFG5gRjuNCyzSvayfSrq9owBnI52sBhPKUHN08L25vdqs6Jr5GkepyO1s_qLTnqce4/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](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLFs8x-MRr0tVl4fdUR9A2KkgRv718ZQ-yzmcmH1orXdIj6qyFZz7aaG2i2wrswLcRikH9xHpEN_o08WhSFtals_hnzSSPI0zGKWxlZz7z18pHyqfPGtg4KSW7YdjN5fhbh8UVzh6xlU/s1600/pixlr-editor-photos-bokeh_002.jpg)
操作教學
Step 1
將 Pixlr Editor 切換為中文版介面
首先,前往 Pixlr Editor,選擇操作頁面『選單』中的「Language」,並在下拉式選單中點選「正體中文」,即可使用 Pixlr Editor 的中文操作介面![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_101 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_101](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEu9zVGbS-pm_m6txtGTspYVNX7Y2Ds93PxmKFoQGmjZQ6jRyK2SmUqbkAwjLW9uocxadtkRLTh0Bt-nLr9duCbNnglH7Yg1WOfdnjvbxDH3sXnAtWfneuUDKnjf0A9YFnTo0Db53mFIY/s1600/pixlr-editor-photos-bokeh_101.jpg)
Step 2
運用 Pixlr Editor「選框工具」框選目標區域
接著我們可以挑選一張電腦中的圖片做練習。於『選單』的左上角選擇「文件」,並在下拉式選單中點選「打開圖片」![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_201 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_201](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXqOACaO7RHxOga0emvQkV2pgdvtC1Ur2N0Lwlbkx5psQQi7iQ8miHJ9RKFgFT2YX7UdEr-OVpIQn4cuiSgF8a8HhIRbX7zwYksSc1zBTYSvufZjmcp3ZGbixzSb_yPfs070L1QZveuPc/s1600/pixlr-editor-photos-bokeh_201.jpg)
匯入圖片後,在左側的『工具箱』選擇「選框工具」,並在螢幕上方的『工具選項』點選「方形選框工具」;接下來,使用滑鼠運用方形選框工具在圖片中拉出一個「方形框格」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_202 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_202](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0CVw-eUcmtXsJcJMms0yzAPmNjiu9OF6Np-r6u5zHcyuhq4mwWdI-1oGO5h29kuGxyA9Nu0zjsCtGpZIEO3nTfC4K0M2tba67x0nTJqn4BqnZ0KtmzuwAcJrNKvPE3mjxvrTzuIsS950/s1600/pixlr-editor-photos-bokeh_202.jpg)
在圖片中框選完一個固定區域後,可以看到框選完成的方形框格變成了虛線的選取區塊
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_203 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_203](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkNnzyjJjMDoRQ3Bb-hDwem2GHCapf0D9Rp2jvcwkOb7fUIEgZZHEG-FnMW_kujzAokAanCS2pVGHmlZweN4JQL88Z3R43mv9tsuSAc1mgqtqa-kfsr78IjTcQZTl3hPNgZ9xW2XaPmX8/s1600/pixlr-editor-photos-bokeh_203.jpg)
接著我們點擊滑鼠右鍵,並選擇「反選」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_204 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_204](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi162VC2k4Ly0rv6vWJFPy92R9L-Y0_qNhIqkIJ4hDhc8r-nMBm819MfLMVcMBnt689TeOgAJGcZc4pn-I37lkQyDDc4Sw0cjHWq5AEgFe9QXr8MQGKu2zyEp4jBkdWrdWd3LP6M0KRJeM/s1600/pixlr-editor-photos-bokeh_204.jpg)
此時剛才在圖片中選擇的虛線區塊,就變成了反選的狀態,並套用在整張圖片中
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_205 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_205](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe2j8Pbq5CywSmF6XM8JPF-pgWZP8gRM4mJPZbZ3TgjuBSqGsp5Xiv35-g306r_ZGZRh629Andg1VbRhW_hsoIG2FkAtqxUe3q-Lm4z4cfXFEgkq5qRAkrqUJatqz9Y__LWOw2tNnWWFo/s1600/pixlr-editor-photos-bokeh_205.jpg)
Step 3
應用「高斯模糊」濾鏡,虛化背景
接下來我們就可以開始虛化反選區域的部份了。在選單中選取「濾鏡」,並在下拉式選單中點選「高斯模糊」![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_301 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_301](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh29RyMsjOQIXKJjhepZIIsLzNpdJa2Pchd_LTENfQNBaBpy7ICPxfvyaiwtT_nRMJfBGxZ4Kxc24_MkGuUVjw-nBqVuulq5rj-P9FYUDxO_c2562WBPKEoLPfkF5APZ31FEAvO_YV6Byc/s1600/pixlr-editor-photos-bokeh_301.jpg)
按下高斯模糊之後,畫面會提示合計要模糊的程度 ( 預設值為 50 );這裡可以試著托動拉桿選擇想要的模糊程度,在確認完之後可以點擊「確定」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_302 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_302](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhQ83n07ko-zCuogh5ZK7i0JZTjnpljG63nZfvZcTSFqMssfA71X5jprGM1vwvFDOof3Jwo6j6UUTJMYmIMrw-gVyIZdIWTjGj40kxBbPvnlvdG6zbpFMu5kr_RifJ62SKserkHe7qkg/s1600/pixlr-editor-photos-bokeh_302.jpg)
到這裡,圖片中反選的部份就應用到模糊的濾鏡了
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_303 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_303](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEBnAmlMqXvkzRGmlo05UQ1Yvoiyb-u528hLPkd49QXQ3hsRYWN7BkAvWTCojsS7EOKuV1iAtatz5qQcy49HweZkDqWwmGPqYXUHKfjq264bE5FgFNX_1JJyBr0zAwLQa3vJ_VeQp0v8k/s1600/pixlr-editor-photos-bokeh_303.jpg)
接著我們可以按下鍵盤上的快速組合鍵「Ctrl + D」或是使用滑鼠點擊右鍵的「取消全選」,來結束選取動作
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_304 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_304](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDM0LEx7XUUdkVJ2OHGvIdW2L6fB5nhI7AnVKKApnnkoF7R4DQ2mcguSURkB25ee0kXsPrzZvOU7BAn5nTGlg1mJTsBiPgvM8qKVd5Qvh6WTfarZJYB2cjYTCKce8-zKh21Y7VrmmzWis/s1600/pixlr-editor-photos-bokeh_304.jpg)
結束選取之後,到這裡背景虛化的操作動作就完成了
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_305 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_305](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMIp8q0hhHuL3QARp-mXqeQotj1xixMiYc0CP1C5ZZGAB_wm1XS1Ri-M9b6MW3gzrtXBpdbE_76o2LsOhrLRVQ9v3Uz7sNMM0BJxGpQokDbySwTRBhKfaEtOv-D5WmSJB_Wn4qoG6oatY/s1600/pixlr-editor-photos-bokeh_305.jpg)
若是需要框選圓形或是橢圓形的目標區域,則可以選擇『工具選項』中的「橢圓形選框工具」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_306 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_306](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6-EXiO83GrRFWlm5FIbSej_qM8or1yd1jNnhzGWAaCMxMHjb0jCO9V2pKs0puFnyAq3xBLYxqeMYT7Vq4zJ6bQyxI6fzs2G-yhOTO3l-QAjkxgJt50Qr5_ZTd71aqNYI5CBGcSKucTqc/s1600/pixlr-editor-photos-bokeh_306.jpg)
Step 4
Pixlr Editor「套索工具」框選目標區域
選框工具可以選取較為制式的方形、圓形區域,若是需要選取較為複雜的目標區域,就可以利用「套索工具」來完成。同樣的,我們可以試著「匯入」一張較為不規則的圖片,接著選擇左側『工具箱』中的「套索工具」,並在『工具選項』選取「多邊形套索工具」
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_401 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_401](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHTxqzZTTpGETx9rdNd1qjUPp38GB_C4erhrNwJoln5v_3Lq6pWznpPEE1jZ0hmv2tqTcEXZRlAIDvyHXTO3DjwaF34MwQHBBS72xeajG3xWXD1WvYh_yNF5vavtqy06QbWY7YGJo-FJQ/s1600/pixlr-editor-photos-bokeh_401.jpg)
選取了多邊形套索工具之後,可以依圖片中需要選取的目標區域做拉線 ( 滑鼠左鍵點擊一下則可設置一次錨點 )
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_402 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_402](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWWMNR1LbRPoG2XgQW3PcKancAcocSAa2XtFubPXlNqkAPjEIF9-wriodX-ZdPhIxlnKwfWV57jOenSSe7-vnEdkVuvvJxI3t2zhBLRzAFogAwuRSPkVkACZURNPAmsm16BQiBQjZcN94/s1600/pixlr-editor-photos-bokeh_402.jpg)
這個步驟需要注意!在我們拉線時的最後一個錨點,必需與起始的第一個錨點組合起來
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_403 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_403](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6J1QEoPCx2TNgvVctZfxua8LD7_TOk_Rp1X3bIXxRfLrQxvSOGyfZmhwRtrNPz-jzde1U7UBe80yVM7H8Gu_M_nYd3zgVLZCcfsyRmC76cprocxL8aOL8IXLo-ShgdwGW7KvtehBuMiM/s1600/pixlr-editor-photos-bokeh_403.jpg)
到這裡,需要選取的目標區域,就完成了選取的動作了!背景虛化的流程則可照「Step.3」的操作來達到模糊的效果
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_404 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_404](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYSU_fioEV5JXSFetcqqMa3xkVRsatE6b8dU5p986IGKrsTzLmL4rCchipqYXuiP9ONCll2zPnv9nlQMnC2l-hwjcp8k3BadI-FAHa9j86Wea3amS2VcEzjp9ZRHo_OCGsnxYoob51eHw/s1600/pixlr-editor-photos-bokeh_404.jpg)
若需選取較為隨意的目標區域,可以在「套索工具」的『工具選項』中選擇「直接套索工具」,按著左鍵即可快速的圈選目標區域了
![[教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_405 [教學] Pixlr Editor 圖片背景虛化,選框、套索工具應用_405](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXltZASiubVpYON-XkgxpOU-VVUXZbo5tu40fTjcKE3unWPmtqpuIK2RMu_N_b7OP-v7x3CPMprLRW9ZemJGSs7z4hE_9wFt29L7peV_k7jJ_HzA2AwbNlpX2wfRIxNF_7fmLEVzRpuZ4/s1600/pixlr-editor-photos-bokeh_405.jpg)
以上,祝愉快:)
留言
張貼留言