文章

目前顯示的是 一月, 2021的文章

Photoshop 的替身演員 Photopea:貝茲曲線向量工具的使用,原來也跟 PS、AI 很接近,卻又有一點點它的獨特性!

圖片
  「貝茲曲線」是屬於向量工具,在 Photoshop 或是 Illustrator、CorelDraw,都可以看到它,Photopea 主要包含了以下的「鋼筆」、「路徑選擇」、「直接選擇」與「矩形」…等基本形狀工具。 Photopea 官方網站: Photopea | Online Photo Editor 在 Photopea 中貝茲曲線向量工具的使用,多數都跟 Photoshop、Illustrator 很接近呢! 「貝茲曲線」相關工具除了用來繪製向量「形狀」外,也可以做為「路徑」,將它與選取區域互相轉換,是影像選取與造型設計上基礎又很重要的工具! 剛開始接觸「貝茲曲線」時,多數人可能會覺得它並不像一般點陣圖的修圖工具容易使用,只要您花點時間進行以下的練習,就能輕鬆掌握「貝茲曲線」的技巧囉! 請您選按「鋼筆」,如下圖將「填滿」設定為「不填滿」,再選擇適合的「筆畫」顏色,一起進行以下的練習! 1.直線練習 「鋼筆」預設就是繪製直線,只要滑鼠點按左鍵就能加入節點位置,逐一加入後就可以完成囉! 貝茲曲線繪製完成後,請按下「ESC」鍵,即可結束一段線條的繪製。 2.曲線練習 按下滑鼠左鍵不放,拖曳滑鼠即可產生曲線,每個節點由三個部份組成:中間的錨點和兩側的方向線、控制點。「S 形」與「圓形」是貝茲曲線最經典的曲線練習方式,如下圖: 「英文大寫」:加入節點的位置 「英文小寫」:拖曳滑鼠控制方向線至紅色控制點位置後,放開滑鼠左鍵。 3.直線、曲線混合練習 在直線、曲線混合練習中,主要練習節點的「平滑」與「折角」兩種類型轉換與使用時機點: 「平滑」節點:,以「圓點」表示,是曲線的預設值,兩側的方向線像蹺蹺板的兩端,會互相影響。 「折角」節點:以「方形」表示,兩側的方向線可獨立調整,互不影響。 使用「鋼筆」繪製過程中,按下「Alt」鍵即可轉換為「折角」節點,個別拖曳控制點。   使用「直接選擇」進行貝茲曲線調整時,只要使用「滑鼠左鍵」連按兩下「節點」,即可自動切換這兩種類型。 您可以試著一起來挑戰是否能完成以下的形狀。 「英文大寫」:加入節點的位置 「英文小寫+數字」: 拖曳滑鼠控制方向線先至數字 1,按下 Alt 鍵不放,再拖曳滑鼠控制方向線至數字 2,放開滑鼠左鍵後,再放開 Alt 鍵。 B 節點位置因左側為直線,因此按下滑鼠左鍵不放後,不需拖曳滑鼠,只要按下 Alt 鍵

帶著 myViewBoard 開學去:一起來了解 Windows 版的數位白板教學現場,老師與同學間如何進行螢幕分享!

圖片
  myViewBoard Windows 電子白板除了很方便讓老師備課與在教室進行講解使用外,也可以透過以下幾種方式,將老師的螢幕畫面與同學分享,或是讓同學將畫面分享給老師!不論是在面對面的教學現場或是即時遠距教學課堂上都適用! 是的,這就跟多數老師曾使用過的 Google Meet、微軟 Teams…等服務相同,但是,統統可以使用 myViewBoard 「一站式服務」完成! 在後疫情時代的多元工具中,您可以使用「混搭」模式,或是「單一軟體」模式,自由組合,輕鬆搭配,找到您的最佳教學途徑! 一、傳送「老師端」數位白板螢幕 1.請您開啟「傳送數位白板螢幕與接收使用者的螢幕」功能。 2.請同學進入 https://myviewboard.com/ 註冊帳號並登入後,提出接收數位白板分享畫面的請求。 3.老師端會收到通知訊息,需經老師同意後才會傳送數位白板的畫面給同學。 ↑ 同學端所看到的數位白板畫面 二、使用網路直播「老師端」螢幕 myViewBoard 也支援 Youtube、Facebook 網路直播的功能,只要依下列方式,輸入您的「串流金鑰」與「串流伺服器網址」,就能將您的螢幕畫面直播出去!   不過,您必須先了解「網路直播」與「網路視訊會議」的最大差別,就是畫面延遲的等待時間,「網路直播」會有 15 ~ 30 秒的時間差,而「網路視訊會議」則只有 5 ~ 10 秒! 因此,「網路直播」比較適合以「觀看」為主的場合,或是利用直播進行教學錄影,讓同學課後可以自行開啟此網址,進行複習! 三、「同學端」螢幕分享 當同學端有問題時,可以進入 https://myviewboard.com/ ,只要依下面的步驟就能將畫面分享給老師的「數位白板」,不論是否有登入 myViewBoard.com 帳號,都可以進行喔! 以下則是教師端所看到的畫面,由老師決定是否接受同學螢幕分享,還可以透過視窗下方的工具列進行畫面擷取或是語音對話,可以即時將同學畫面在教室現場讓同學看到,並進行講解說明。   ※ 20210203 補充:透過 Google Chrome 擴充工具 myViewBoard extension 也可以進行「老師端」螢幕接收與「同學端」螢幕分享 myViewBoard extension: https://chrome.google.com/webstore/det

教學百寶箱:圓形攝影機頭像當道,RecordCast 線上螢幕錄影服務不僅免安裝,還有豐富的線上影片剪輯功能!

圖片
繼之前「 教學百寶箱:loom 輕量級的錄影工具,有討喜的圓形攝影機頭像 + 線上影片分享、剪輯與統計!(Win/MAC/Chrome/iOS) 」之後,近期還有看到「RecordCast 線上螢幕錄影服務」與「Screenity 教學影片錄影  Chrome 套件」,都是使用「圓形攝影機頭像」的應用,它們不只可以錄影,也都具備影片剪輯的功能,讓您直接處理影片,不用再找其他的影片剪輯軟體! 一、 RecordCast 線上螢幕錄影  https://www.recordcast.com/ RecordCast 是一個不需要安裝任何軟體或瀏覽器附加元件的線上免費螢幕錄影,而且不需要註冊即可以進行錄影!它也跟 loom 一樣簡單,並提供三種螢幕錄影情境!只要三個步驟就能完成錄影的動作! ※ 錄影注意事項: 目前 RecordCast 最長錄影時間為 30 分鐘! 除了麥克風外,如果有需要錄製系統的聲音,請使用 Google Chrome 瀏覽器!  當按下網頁上的「Download」下載時,會將「Webcam畫面」與「螢幕錄影」分成兩個影片下載,您可以自行使用相關的影片轉檔程式或雲端服務,將 *.webm 格式轉換為 MP4 格式。 二、 RecordCast 線上影片剪輯 RecordCast 也提供了強大的線上編輯影片的功能, 除了將「Webcam 視訊」與「螢幕畫面」分開,成為獨立編輯的一個軌道,還準備了非常豐富實用的「標題」、「文字動畫」與「動畫圖庫」,能輕鬆進行更多的視訊剪輯功能! ※ 線上剪輯注意事項: 在不註冊的情形下可以使用「線上編輯影片」功能,但是若要下載編輯完成後的影片,則需要註冊帳號並登入! 進入「線上影片剪輯」時,錄製完成的兩段原始影片( *.webm 格式),會馬上下載至您的電腦上,一般預設會放在「下載」資料夾中,請不要刪除它喔! 每個帳號可以擁有 8 個影片剪輯專案。  雲端上的專案只會記錄影片在電腦上的路徑,並不包含「原始錄影影片 *.webm」檔案,因此,若您未來要編輯專案時,必須保留這些 *.webm 原始影片,才能繼續編輯喔! 在中文字型的部份,更是貼心的準備了「繁體中文」、「簡體中文」與「日本語」常見的開源免費字型,不用擔心只有細明或標楷體可以使用! 三、 RecordCast 實際操作與教學影片 一起來看看實際操作的教學影片吧!

Photoshop 的替身演員 Photopea:一起來看看 Photopea 選取工具如何聰明選取!

圖片
Photopea 提供相當多元的影像選取工具,對於影像合成來說是最基礎卻也最重要的,且與 Photoshop 一樣,除了有基本的選取工具外,更有方便的「調整邊緣」與「Magic Cut」(自動背景移除) 工具可以使用。 ↑ Photopea 與 Photoshop 工具列 一、移動工具微調一下更好用 移動工具主要用來選取作用圖層與移動圖層的內容位置,建議您可以核選「自動選取」,只要用滑鼠點選影像中的物件,「圖層」視窗就會自動選擇該物件圖層。 二、物件選擇工具幫您聰明選取物件 與 Photoshop 同等級的物件選擇工具,可以幫您在指定的框選範圍中,自動判斷影像中的物件並將它選取,大幅減少選取物件的時間。若對於選取範圍不完全正確,可以配合其他選取工具再進行加減選的微調動作。 三、Magic Cut 自動背景移除輕鬆完成 融合 Photoshop 的 AI 「主題選取」自動判斷與微軟 Office 「背景移除」手動調整的優點,先讓 AI 進行影像自動選取後,再針對不完整的部份透過手動調整,以達到更快速、精準背景移除效果! 1.選按「選取 / Magic Cut」,讓 AI 先為您自動選擇影像中的主題。   2.認識 Magic Cut 前景色、背景色與擦除 綠色:前景色,為保留影像的區域 紅色:背景色,為影像去背的區域 灰色:為擦除「綠色」或「紅色」塗刷錯誤的區域 選按「綠色」的前景色,用適當的筆刷大小塗在綠色葡萄範圍上,Photopea 會自動將影像中與塗刷範圍顏色相近的範圍保留。選按「紅色」的背景色,則會將影像中與塗刷範圍顏色相近的範圍移除。   ※ 「綠色」與「紅色」筆刷的範圍若重疊時,會出現如下的警告訊息,請使用「灰色」橡皮擦將重疊區域擦除。 四、複雜邊緣選取好幫手:調整邊緣 不論您使用哪一種選取工具,都可以看到「屬性工具列」上的「調整邊緣」選項,它可以透過筆刷的塗抹,快速選取複雜不易處理的影像邊緣,如人或動物的毛髮。    A.認識調整邊緣前景色、背景色與擦除 白色:前景色,為完整保留影像的區域 灰色:不確定區域或是複雜不易選取區域 黑色:背景色,為影像去背的區域 B.可先搭配其它選取工具進行選取後再使用調整邊緣,也可以獨立使用 以下圖的狗照片為例,可以先使用「快速選擇」工具選取狗主體後,再進入「調整邊緣」,可以加快物件選取的速度。   ※ 「灰色」筆刷大小該

我的教學錄影新夥伴:圓剛 AverMedia PW313 高畫質網路攝影機與 AM310黑鳩高音質USB麥克風

圖片
一、 圓剛 AverMedia PW313 高畫質網路攝影機 在教學影片的錄製上,已經使用羅技 C922 PRO STREAM 網路攝影機好一段時間,有廣角攝影機與雙聲道收音是它的優點,但是在 Webcam 影像畫質的飽和度上常常會覺得比較差,且在有背景噪音的環境下,如一些網路設備的風扇聲、機器運作低頻聲,它會自動降噪,反而造成錄音的音量會很低! 最近在員林農工的研習課程中,學校採購的圓剛 AverMedia PW313 高畫質網路攝影機,雖然價格 1000 元有找,但是表現一點都不輸給羅技 C922 PRO STREAM, 在 Webcam 影像畫質的飽和度上有很不錯的表現,也有 Full HD 1080p 高畫質錄影、雙聲道收音、支援 360 度旋轉支架設計與腳架連接孔,且它的 USB 連接線長度也都超過 1 公尺,不用擔心連線到主機不夠長的情況。    ↑ 在相同網路攝影機擺放位置條件下, 可以明顯看出兩款網路攝影機在影像「飽和度」上的差異    二、圓剛 AM310 黑鳩高音質 USB 麥克風 在教學影片的聲音呈現上,一直有在思考是否需要購買「指向性」的高音質麥克風,讓教學影片的品質可以更上一層樓!因此,在今年就決定往這個方向改善,比較了幾款麥克風之後,決定使用圓剛 AM310 黑鳩高音質 USB 麥克風,具心型指向式電容麥克風、專業級收音效果、錄音即時監聽,也有專屬靜音按鈕。 經過最近兩週的實際錄音測試,真的發現教學影片的錄音品質有很大的提升,原本使用網路攝影機錄下的聲音,聽起來相對比較「乾、扁」,而圓剛 AM310 黑鳩高音質 USB 麥克風的錄音品質則有明顯的「飽滿度」與「立體聲」。 不過,圓剛 AM310 黑鳩高音質 USB 麥克風加上底座的重量真的不輕!       開啟 mp3 檔案實際聽聽看兩的差異: 羅技 C922 PRO STREAM 網路攝影機收音效果.mp3 圓剛 AM310 黑鳩高音質 USB 麥克風收音效果.mp3               ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethom