你Canva了沒?使用 Photopea 圖層遮罩與布偶彎曲調整姿勢,製作大頭照+卡通身體造型素材
Canva 超方便的範本、圖庫與各種媒體尺寸,配合上免費的 Photoshop 的替身演員 Photopea 所提供的強大影像處理能力,真的就能完成絕大多數的設計需求!
這次要介紹的是透過 Photopea 圖層遮罩與布偶彎曲調整姿勢,製作大頭照 + 卡通身體造型素材,就能拿回 Canva 中加入您已經設計好的頁面。
※Photopea 網站:https://www.photopea.com/
※練習素材:https://drive.google.com/drive/folders/1TBRGYuYfDWysy5v6MdWqXrhocTwPfMax?usp=sharing
一、找到適合的大頭照與卡通圖檔
可以在 Canva 圖庫中或是一些免費圖庫網站上搜尋,如果是照片檔案或是未去背的圖檔,都可以先透過 Canva 或是透過 RemoveBG 雲端 AI 去背服務進行去背的動作。
二、在 Photopea 使用楕圓形選取大頭照複製到卡通圖檔上
1.在 Photopea 分別開啟大頭照與卡通圖檔後,使用楕圓形選取大頭照。
2.將影像複製到卡通圖檔上,並調成適當大小
3.在「大頭照」圖層增加「光柵遮罩(圖層遮罩)」,使用筆刷工具,調整適當的筆刷大小,將前景顏色設為「黑色」,塗刷在脖子週圍未清除乾淨的影像上。
筆刷的「硬度」也可以調低一些,讓影像邊緣有些模糊的半透明效果,避免邊緣太過銳利。
4.其餘的大頭照就可以依相同方式完成囉!
5.使用橡皮擦工具清除原本卡通圖檔上的大頭!(這個動作也可以在一開始的時候先做喔!)
三、使用布偶彎曲調整女超人的姿勢
在 Photopea 裏面的布偶彎曲,就是 Photoshop 中的操控彎曲(Puppet Tool),它基本上是一種影像的變形,但調整的方式很特別,是用「圖釘Pin」去釘在「關節」位置(以人來說),像皮影戲的布偶一樣,釘上圖釘的位置就能夠進行影像的操控與調整。
1.在開始使用前的兩個預備動作:
A.影像一定要先去背,這樣操控時的變形才不會同步影響到背景
B.建議先將影像圖層轉換為「智慧物件」,就可以重複調整變形效果
2.在 Photopea 選按「編輯 / 布偶彎曲」。
3.請在影像上的重要關節處,如下圖,按滑鼠左鍵,就可以增加圖釘,完成後,就可以試著拖曳改變女超人的姿勢,若需要一次移動多個圖釘時,可以選按 Shift 加減選,若要刪除圖釘,可以按下 Del。
完成後記得按下上方屬性列上的「打勾」
若需要重新調整布偶彎曲的效果,請在圖層的「布偶彎曲」上連按滑鼠兩下,就可以重新編輯囉!
4.最後,再加上老師的大頭照放在女超人上面,就完成大頭卡通身體造型素材的製作!
四、使用液化濾鏡調整身材胖瘦、五官大小
如果想要搞笑一點,或是想調整身材胖瘦、五官大小,其實可以透過「濾鏡 / 液化」來調整喔!
五、保留PSD原始檔並匯出PNG至Canva中使用
所有動作完成後,可以將 Photopea 的 PSD 原始檔保留,以利未來繼續編輯,接著另存為 PNG 透明圖檔,就可以拿到 Canva 中使用囉!
六、教學影片
※ 教學資料總整理:
- 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/
- Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/
- OBS Studio 虛擬攝影棚教學總整理:https://sites.google.com/view/obs-tw
- 翻轉教學「現形記」教學總整理:https://sites.google.com/view/teachers-tools
※ 延伸閱讀:
- 你 Canva 了沒?如何使用Draw繪圖與Photopea自製Canva「邊框」遮罩,滿足挑剔的你!
- 你Canva了沒?分享簡報遙控器、僅套用範本「樣式」、全文搜尋與取代,這些 Canva 新功能,試過了嗎?
- 你Canva了沒?有多個班要如何分享範例,才不用每一個班個別設計?
- 你Canva了沒?如何建立多個 Canva 班級、邀請同學加入與作業互動討論!
- 你Canva了沒?如何有效整理Canva範本、圖庫,並了解它們的授權範圍。
- 你Canva了沒?在 Canva 中使用為您專屬的 Bitmoji 個性化圖庫,絕對有料!
- 你Canva了沒?用 Canva 線上簡報不只是簡報,也能與觀眾、同學有更多互動!
- 你Canva了嗎?原來Canva也能錄製與剪輯教學影片!
- 你Canva了沒?了解 Canva 設計原則:先「整體」後「個別」,就能快速上手!
- 你Canva了沒?如何升級為 Canva 教育版,讓老師和同學同時擁有 Pro 版所有功能與範本!
- 我們與AI的距離:Moises ai 聰明去除人聲、分離音樂、樂器音軌,不再傻傻分不清了!
- 我們與AI的距離:Google 即時語音辨識應用面面觀,標點符號自動輸入也 OK!
- 我們與AI的距離:免費開源 pyTranscriber 透過 Google 雲端語音自動辨識,超快速產生影片、錄音檔的文字字幕!(Windows、MAC、Linux)
- 你累了嗎?Ditto 剪貼簿加強,不止幫你記錄剪貼簿歷程,還能用關鍵字搜尋呢!
- 用免費軟體提升工作效率:用 Firefox 看影片,獨立子母畫面不用外求,內建即可擁有!
- Windows 10 的游標箭頭終於有 MAC 風格:可自由改變大小、顏色!不用再擔心簡報或上課時,游標箭頭太小或不顯眼!
- 用免費軟體提升工作效率:eXtra Buttons 讓應用程式視窗都能「視視順利」!
- 簡報與教學必備「二」勢力:用 PointerStick 虛擬教鞭輕鬆「點」+ 用 SwordSoft Mousetrack 簡單「看」!
- Snipaste 與 Picpick 攜手合作 1+1,幫您一次搞定螢幕擷取、教學圖片、資料比對、便利貼!
- 使用 MAC 內建「螢幕放大」 + IPVEO Annotator 就能打造近乎完美的 MAC 教學平台
- 原來鍵盤上的「Windows 鍵」這麼重要!使用 Windows 一定要會的快速鍵!
- IPEVO Annotator 除了螢幕繪圖,還有可愛的圓規畫圓與有趣的遮罩模式,當然,畫面拍照與螢幕錄影更是難不倒它!Windows / MAC 都適用!
- 老師,找到好用的螢幕畫筆工具了嗎?螢幕繪圖(畫筆)、滑鼠游標程式大 PK:Epic pen、Pointofix、PicPick、ZoomIt、PointerStick虛擬教鞭、DaanavMouse自訂超大滑鼠游標,哪一個比較好用呢?
留言