繪製造型&背景
Scratch 提供簡單的圖形編輯功能,除了可以修改內建的造型與背景,更可以從無到有的繪製所需的圖形或透過攝影機拍照,每個造型或背景都可以各自進行編輯,不會互相影響,繪製後的圖形立刻就可以和程式互相搭配,這也是 Scratch 與眾不同的地方。
由於繪製背景和繪製造型的方法完全相同 ( 只有頁籤名稱不同 ),因此本篇文章將會以介紹「造型」為主,背景部分著墨不多。
Scratch 的造型/背景編輯器主要分成幾個部分:造型清單、造型與繪圖功能、繪圖區 ( 向量圖 )、繪圖區 ( 點陣圖 )。
造型清單
「造型清單」可以增加角色的造型,一個角色可以有多個造型,例如貓咪的角色有「腳分開」和「腳併攏」兩種造型,屆時就可以透過程式積木,讓兩種造型互相切換,做出跑步的動畫效果。
將滑鼠移到下方的按鈕,會出現四個新增造型的選項,分別是上傳圖片、驚喜 ( 從圖庫中隨機挑選 )、繪圖和選個造型。
造型與繪圖功能
「造型與繪圖功能」可以設定造型的名稱,以及繪製造型每個元素的功能,功能又分成「向量圖」和「點陣圖」兩種,向量圖的功能較多,包含 群組、復原、圖層、填滿、外框、複製、貼上、刪除、垂直水平翻轉。
用滑鼠點選繪製的元素,選單就會有對應的變化,主要變化有兩種:
- 選單呈現半透明:該功能無法使用,例如已經是單一群組的元素,就無法再變成群組。
- 顏色選擇出現藍橘黃的圖示:選取的元素包含多種顏色。
點陣圖可編輯的功能較少,只有復原、複製、貼上、刪除、垂直水平翻轉,不論是向量圖還是點陣圖,只要用滑鼠點擊想要的繪畫工具,就會出現對應的選項 ( 例如使用筆刷,功能列就會出現筆刷大小的選項,使用圓形或方形,就會出現填滿選項 )。
特別注意,當向量圖變成點陣圖後,再變回向量圖後,仍然會維持點陣圖狀態,無法以向量模式編輯。
繪圖區 ( 向量圖 )
繪圖區的右邊是畫布,左邊是繪圖工具,「向量圖」的繪圖工具包含 選取、筆刷、填滿、直線、方形、圓形、重新塑形、擦子和文字,可以利用繪圖工具在畫布裡畫圖,繪製過程中如果想要復原,除了點選上方的復原按鈕,也可以按下鍵盤的 Ctrl + z 就可以復原。
選取:選取圖形或群組,可改變位置、大小、旋轉角度、翻轉或鏡射,選取後按住鍵盤的 shift 再調整,就「不會」按照原比例縮放或以每次 45 度的角度旋轉。
筆刷:用滑鼠繪製圖形,繪製的圖形皆是封閉區域 ( 因為筆刷是使用「填滿」進行繪製 ) ,繪製完成後,可以針對圖案進行填色或邊框的設定。
填滿:用指定的顏色將「封閉區域」填滿,填滿除了可以透過拉霸的工具填充單一顏色,也可以填充上下漸層、左右漸層與放射狀漸層。
直線:畫直線,繪製直線後,在直線端點繼續畫直線,則兩條直線會連在一起。
方形、圓形:畫實心或空心的矩形或圓形,,按住鍵盤的 shift 可以畫出正方形或正圓形。
重新塑形:使用滑鼠「拖曳節點」,如果在圖形的邊緣或線段裡,沒有節點的地方點一下,就會「新增節點」,用滑鼠在節點的地方點兩下,就會「刪除節點」。
如果用滑鼠點擊節點,可以改變節點為「尖角或圓弧」。
新增的節點或是圓弧節點,在節點的兩側會出現「控制點」,用滑鼠拖曳控制點,就能改變節點的弧度,單純用滑鼠拖曳,兩個控制點會像翹翹板一樣的移動,如果按住鍵盤的 alt 再用滑鼠拖曳,就能單純拖曳一個控制點,也就能做到更多造型變化,如果要恢復,只要再按一下上方的圓弧,就能恢復。
這種向量的繪製方式,就是使用貝茲曲線繪圖,詳細可以參考 貝茲曲線
擦子:擦掉圖形或群組,被擦掉的圖形如果有外框,外框用原本外框的顏色補滿。
文字:輸入文字,文字輸入完成後,可以用選取工具進行放大縮小或旋轉。
繪圖區 ( 點陣圖 )
「點陣圖」的繪圖工具包含 選取、筆刷、填滿、直線、方形、圓形、擦子和文字,可以利用繪圖工具在畫布裡畫圖,繪製過程中如果想要復原,除了點選上方的復原按鈕,也可以按下鍵盤的 Ctrl + z 就可以復原。
注意,點陣圖和向量圖在繪製時,有幾個最大的不同點:
- 點陣圖繪製之後無法透過節點修改,必須一筆一筆的繪製或擦除。
- 點陣圖也沒有群組的概念。
- 點陣圖放大縮小造成失真。
- 筆刷:用滑鼠繪製圖形。
- 擦子:擦掉圖形。
- 直線:畫直線。
- 方形、圓形:畫實心或空心的矩形或圓形,,按住鍵盤的 shift 可以畫出正方形或正圓形。
- 文字:輸入文字,文字輸入完成後,可以用選取工具進行放大縮小或旋轉。
- 選取:選取圖形,可改變位置、大小、旋轉角度、翻轉或鏡射,選取後按住鍵盤的 shift 再調整,就「不會」按照原比例縮放或以每次 45 度的角度旋轉。
參考資料
意見回饋
如果有任何建議或問題,可傳送「意見表單」給我,謝謝~