[TOC] * * * * * ## 圖像編輯器（Image Editor） 圖像編輯器可以用來自己繪制創建或修改你導入的精靈圖片。如果你以前使用過任何一種圖像軟件，那這個編輯器對你而言應該很容易上手，不過這里還有幾條在剛開始使用GameMaker Studio 2的圖像編輯器時很難發現的小技巧： * 當你繪制多幀畫面時，你可以直接以動畫的形式去進行繪制！只要先點擊“幀控制”工具欄上的播放按鈕，然后選擇一個筆刷在編輯器窗口開始繪圖，你會發現編輯器中的畫面在不停變化，而你繪制的內容會分配到不同的幀上然后串聯起來。你可以嘗試調整幀速率直到你滿意為止，一旦你熟悉了這套工作機制你就可以隨時創建各種動態精靈和的動畫效果了。 * 你可以把圖像編輯器的標簽頁從主工作區拉出來形成要給獨立的窗口，如果你有多個顯示器時這會很方便。 * 當你使用復制功能時，比如說你選中并復制了一張圖片，這張圖片會變成一個筆刷被添加到你的筆刷列表里，這意味著你可以選擇圖像中的任意部分然后在接下來的時間里隨時取用和繪制這個圖像，無論是畫線還是多邊形，或者隨手涂鴉。筆刷同樣可以縮放并著色。要注意，在這里你不能直接使用粘貼功能，因為所有復制的內容都會被添加到畫筆列表，所以你“粘貼”的內容也會被添加進畫筆列表。因此粘貼通常用于從其他程序中獲取圖片然后貼進編輯器里來。 * 這兒還有一套便利的圖層編輯器，你可以給每個精靈創建很多不同圖層，然后可以根據自己的需求來進行排序或分組到不同的文件夾中，這樣可以很方便的創建更多復雜的圖像 。 以上幾條只是圖像編輯器中的部分進階功能。想了解完整的編輯功能，請閱讀以下內容，將會詳細說明編輯器中各部分的功能： ### 幀視圖（Frame View） 這部分會按照動畫順序排列顯示各幀畫面，你可以點擊左側的“+”號按鈕添加新的幀——或者也可以通過圖像菜單添加——你也可以拖動任意幀來重新排列順序。在左上角點擊按鈕可以切換**洋蔥皮膚**模式，在此模式下你可以可以透過當前編輯的幀以半透明的形式查看前一幀或后一幀的畫面內容，便于在繪制動畫時對細節進行調整，同時在該模式下兩側會出現范圍框，你可以拖動兩側的端點來控制要顯示的前后幀數量。在**洋蔥皮膚**的開關下方有一個用于設置動畫循環模式的按鈕，可以切換“循環播放”（到最后一幀后從第一幀開始重新播放）和“乒乓播放”（到最后一幀后反向朝第一幀方向播放）兩種模式。底部還有一個播放按鈕用來控制動畫的開始和暫停。你可以點擊任何一幀來編輯其中的畫面內容，被選中的幀頂部有一個刪除圖標，單擊即可刪除該幀。你也可以按住Ctrl鍵然后用鼠標左鍵一次選擇多幀畫面，此時點擊刪除會把選中的幀全部刪除。 ### 幀信息（Frame Information） 這條工具欄包含了幀控制功能，你可以在這里設置動畫播放的速度，幀動畫的速度可以基于”每秒播放的幀數“或”每一幀游戲播放的動畫幀數“兩種單位進行設置，右側會顯示幀的總數量以及當前幀的序號，你還可以點擊左側的圖標來隱藏這一欄 ### 畫布控制（Canvas Control） 本區域主要處理主畫布以及其中內容的顯示方式，主要有以下選項： * **網格畫布** 這個選項會開啟／關閉畫布上的網格。GameMaker Studio 2中可以將畫布劃分為多個網格，網格的默認尺寸是1像素，但是你也可以點擊網格菜單按鈕彈出下列選項來進行修改：這些選項允許你設置網格的顏色和透明度，以及網格的尺寸（可以設置X、Y值），你還可以開啟或關閉網格吸附功能（默認是關閉的）。 * **畫布縮放** 這些按鈕可以控制當前畫布的縮放級別，你可以放大或縮小畫布，點擊按鈕可以將正在編輯的圖像畫布縮放至1:1實際大小。你也可以按住“Ctrl”鍵然后滾動鼠標滾路來縮放圖像，同時按下“Ctrl”鍵和“回車鍵”則可以將圖像縮放至1:1實際大小。點擊按鈕則可以直接將圖像縮放至符合當前編輯窗口的尺寸（） * **二分畫布** 單擊該圖標可以在**單畫布**、**水平分割**以及**垂直分割**三種形態之間循環切換。在分割畫布狀態下，每個畫布都會有獨立的一個畫布控件，你可以放大其中一個畫布并縮小另一個，并且你對其中任意一個畫布所做的操作都會實時反映到另一個畫布上。想要修改畫布的視圖狀態你可以點擊下拉選項直接選中你想要的視圖狀態或持續單擊該按鈕直至切換到你想要的視圖。 ### 繪制畫布（Draw Canvas） 這是圖像編輯的主要窗口，你可以使用右側工具欄中的各種工具來在選定的圖層上進行繪制操作。你可以從編輯器右上角選擇或自定義畫筆，然后使用鼠標左鍵或右鍵進行繪制（可以通過取色器給左右鍵分別著色）。你也可以按住“Ctrl”鍵然后滾動鼠標滾路來縮放圖像，同時按下“Ctrl”鍵和“回車鍵”則可以將畫布縮放至1:1實際大小（你也可以用上面介紹的畫布控件）。另外你還可以按下鼠標中鍵或同時按住“空格鍵”和鼠標左鍵進行拖拽操作來移動畫布。 ### 畫布值（Canvas Values） 地步的這個小條中顯示了編輯器中鼠標的位置以及選擇工具的高寬值等信息。 ### 畫筆（Brushes） 你可以在這里選擇不同的畫筆用于繪畫。默認的畫筆是不同尺寸的方形和圓形筆刷，但你也可以在圖像層自己創建自定義畫筆，只需要在圖像上選取你需要作為畫筆的部分然后使用“Ctrl”和“C”鍵來復制該部分圖像。這個被復制的圖像會自動加入到筆刷列表中，你可以像使用其它筆刷一樣來使用這個畫筆，比如直接繪制線條。要注意的是默認的筆刷顏色是白色的，但如果你使用取色器修改畫筆顏色，該畫筆會被著色為新的顏色。如果要從列表中刪除一個畫筆，只需要單擊這個畫筆，然后按刪除鍵即可刪除。 ### 取色器（Colour Picker） 在這個窗口你可以用使用各種滑塊工具來進行顏色自定義操作，也可以直接輸入RGBA值或HVS值來自定義顏色。此外在取色器中還有一個選項菜單，可以用來跨精靈管理自定義調色板。因此你可以在創建精靈時自定義調色板，然后把資源樹中其它任何精靈設置為該顏色，或者也可以打開任意一個精靈圖像，然后從資源樹里選其它某個精靈導入對應的調色板。 ### 工具欄（Tools） 下面我們介紹GameMaker Studio 2自帶的各類繪圖工具——請注意所有的工具都可以使用鼠標左鍵或右鍵進行選取，并且大部分工具都有自己的鍵盤快捷鍵（一些重要的會在工具介紹過程中直接列出，完整列表請參閱快捷鍵頁面）。大部分工具還有一些額外選項會顯示在圖像編輯器的頂部，如下所示： | 圖標 | 功能介紹 | | --- | --- | |  | 這是鉛筆工具，它可以用你所選擇的畫筆及顏色進行繪制操作，你還可以在頂欄中設置大小或是否開啟平滑功能（插值）。請注意你也可以按住“Shift”鍵和“Z”鍵然后按住鼠標左鍵拖放來設置畫筆尺寸，或者直接從右上角的預設畫筆中選取。 | |  | 這是橡皮擦工具，它會使用你所選取的畫筆形狀來擦出你鼠標點擊的區域。選擇此項時同樣可以使用頂部的額外工具欄來縮放畫筆或開啟／關閉平滑過渡效果（插值） | |  | 這是油漆桶工具，使用這個會用當前顏色填滿圖像中近似色且相連的一整塊區域，你可以用頂部的滑塊來調整近似色的容差值 | |  | 這是顏色置換工具，當你選擇該項時，你可以用鼠標左鍵或右鍵點擊圖像中的任意像素，圖中所有相同顏色的像素都會被點擊鼠標設置的顏色所替換。頂部欄有一個調節容差的滑塊，你可以設置像素顏色容差值——越低則取色越精確，調高則會包含更多類似所選顏色的像素點。如果之前你使用過選擇工具，則只有被選中區域內的像素會被修改。 | |  | 這個工具可以用來繪制一條連接兩點的直線。首次點擊會創建出一個起始點，然后在其他任意地方再次點擊鼠標左鍵會新建一個點然后自動繪制一條直線連接兩個點。這條線會用當前選擇的畫筆繪制，并且可以在編輯器中修改畫筆屬性（尺寸、平滑度等） | |  | 這個工具將繪制一個矩形的線框或區域，點擊左上角則繪制外框，點擊右下角則是繪制填滿的整塊區域，在頂部的工具欄中可以選擇二者兼有模式（或者按住“Shift”鍵然后分別點選圖標的左上及右下部分），工具欄中同時可以設置畫筆的尺寸以及平滑度（插值）。請注意你可以按住“Alt”鍵然后拖拽鼠標會以起始點為中心繪制矩形，按住“Shift”鍵拖拽可以繪制正方形。 | |  | 這個工具將繪制一個圓形的線框或區域，點擊左上角則繪制外框，點擊右下角則是繪制填滿的整塊區域，在頂部的工具欄中可以選擇二者兼有模式（或者按住“Shift”鍵然后分別點選圖標的左上及右下部分），工具欄中同時可以設置畫筆的尺寸以及平滑度（插值）。請注意你可以按住“Alt”鍵然后拖拽鼠標會以起始點為圓心繪制圓形，按住“Shift”鍵拖拽可以繪制正圓形。 | |  | 這個工具將繪制一個多邊形的線框或區域，點擊左上角則繪制外框，點擊右下角則是繪制填滿的整塊區域，在頂部的工具欄中可以選擇二者兼有模式（或者按住“Shift”鍵然后分別點選圖標的左上及右下部分），工具欄中同時可以設置畫筆的尺寸以及平滑度（插值）。單擊鼠標左鍵會添加新的點并自動閉合為新的多邊形，當繪制出你所需要的多邊形后你可以選取其它工具會提示你保存剛才繪制的圖像。 | |  | 曲線工具，它可以用你所選擇的畫筆創建曲線，你單擊鼠標會設置一個點，按住拖動鼠標會形成曲線，松開鼠標然后重復添加其它的點和曲線以完成繪制操作。繪制路徑的畫筆同樣可以使用頂部的工具欄修改尺寸或開／關平滑過渡效果（插值）。頂部欄中還有一個“Iterations”設置項可以定義路徑的平滑度（數值越低越粗糙越高越平滑，默認為10） | |  | 文本工具，它會創建一個文本圖層，你可以輸入任何文字內容。你可以從圖像編輯器頂部的工具欄中選擇你所需要的字體。 | |  | 滴管工具，使用該工具可以從你正在編輯的圖像中采集你需要的顏色 | |  | 使用這個工具可以選取一塊矩形區域。你可以用ESC鍵或從圖像菜單中的“取消選擇”功能來取消當前的選區 | |  | 畫筆選取，使用這個工具可以用任何畫筆（包括自定義畫筆）來繪制選區，該工具的所有快捷鍵與鉛筆工具相同。 | |  | 魔棒工具，使用這項將會根據容差值來選擇相同/似顏色的區域。如果勾選了“僅顏色”選項，則不會考慮透明度因素，你可以用ESC鍵或從圖像菜單中的“取消選擇”功能來取消當前的選區 | |  | 旋轉工具，如果你用選擇工具在圖像中選取了一個區域，單擊本選項可以將所選區域進行從 0°到360°任意角度的旋轉操作。如果你沒有選取任何區域則可旋轉你當前的畫筆。只需按住鼠標左鍵然后向左或向右拖動鼠標即可，活在頂欄中輸入旋轉角度。你可以按下ESC鍵或回車鍵或直接選取其它工具來確認旋轉角度。要注意這個旋轉操作不會修改你的原始畫筆或選區圖像，而是以旋轉后的畫筆或圖像為素材創建一個新的畫筆。另外還要注意你可以使用快捷鍵“Z”來旋轉任意選區或畫筆，并且這個快捷操作不會創建一個新的畫筆，而是只對當前畫面或畫筆生效。 | |  | 這是鏡像工具，選擇這項會將當前畫筆沿垂直方向進行水平翻轉（即左右顛倒），這個選項不會創建新的畫筆，只是臨時修改當前畫筆的繪制方式。 | |  | 這是翻轉工具，選擇這項會將當前畫筆沿水平方向進行垂直翻轉（即上下顛倒），這個選項不會創建新的畫筆，只是臨時修改當前畫筆的繪制方式。 | |  | 這是移動工具。當你選擇該項時，可以按住鼠標左鍵并拖拽來移動圖層中的內容。要注意所有超出畫布以外的像素都會不可見，另外當你切換工具時圖像會以當前畫布的尺寸進行裁剪。另外如果你在圖像中進行了選取操作，移動的將是選取的像素內容而非整個圖層。 | ### 圖層編輯器（Layer Editor） 你可以為圖像的不同部位創建各自分離的圖層，并且可以利用畫筆和各類工具對這些圖層進行繪制。點擊圖標就能創建一個新的圖層，點擊圖標刪除圖層。在圖層上按住鼠標左鍵向上或向下拖拽可以給圖層重新排序以符合你的需求，你還可以使用來創建文件夾，然后用鼠標把圖層拖拽放進文件夾來重新組織管理這些圖層。如果你雙擊某個圖層（或鼠標右鍵選擇“編輯圖層屬性（Edit Layer Properties）”）你可以進入“圖層屬性（Layer Properties）”窗口：在這個窗口中你可以給圖層重新命名或設置疊加模式（即該圖層與下面的圖層的混合疊加方式），目前有**“普通模式”、“減弱疊加”、“多重混合”**三種不同模式。下面還有個透明度的滑塊，但有一點需要注意，這個透明度會與像素本身alpha值相疊加顯示——比如說，你的像素是50%透明度，你又將圖層設置為50%，那最后呈現出來的像素是25%透明度的。 ## 菜單欄（Context Menu） 除了圖像編輯器中的這些工具外，在編譯器（IDE）頂部的菜單欄中還有一些額外的菜單可用：菜單展開后有以下幾項 ### 圖像菜單（Image） 圖像菜單中有以下選項: * 剪切選中幀 * 復制選中幀 * 粘貼 * 全選——選擇所有圖片 * 取消選擇——取消所有選中的圖片 * 反選——反選當前選中的圖片 * 添加幀——在精靈中增加一個空白的新幀 * 插入幀——在當前選中的幀后插入一個新的空白幀 * 刪除選中幀——從精靈中刪除所有選中的幀（你可以使用Shift或Ctrl鍵配合鼠標左鍵選擇多個幀) * 導入圖片——從硬盤中載入一張圖片來生成新的一幀。你可以一次選擇多張圖片來生成多幀畫面，當你選擇導入圖片后會顯示以下窗口 在這里你可以對即將導入的圖片進行調整來適配當前精靈，你可以修改圖片尺寸、畫布尺寸，也可以對圖片進行裁剪，甚至可以設置放置的錨點。 * 轉換成幀——這個選項可以把一張圖片分離成多幀畫面。首先你需要創建一個包含所有動畫內容的單幀畫面（或導入一個條形圖），如下圖所示： 當我們想要轉換這樣一張圖片時，你可以在下面這個窗口中進行設置：在這里你可以設置如何分割一張圖片，包括幀數量、單幀圖片的高寬等等。 * 導入條狀圖——這個選項會打開一個資源管理器讓你尋找并導入一張條狀圖用來創建序列幀。當你選中并導入圖片后，會自動打開上一條中的**轉換幀**的窗口。 * 重設所有幀——選中這個選項會打開下面的窗口，你可以一次設置所有的幀的尺寸： 你還可以選擇不同的箭頭來設置錨點，按像素或比例進行尺寸調整，還有一個等比例縮放的選項。在右側還有一個小的預覽窗口。 * 縮放所有幀——這個選項允許你對所有的幀進行縮放操作，一旦選擇會顯示以下窗口 在這里你可以按像素或百分縮放圖像，也可以選擇是否等比例縮放，還可以根據需求選擇開啟像素平滑過度。 * 裁剪所有選中幀——這個選項只有當你在圖像編輯窗口中選擇了一塊區域時才能使用，一旦選擇會把圖像按照選中的區域的包裹體進行裁剪（所有的幀都按照該區域裁剪）。 * 鏡像——這個選項會把選中幀左右顛倒翻轉顯示。 * 翻轉——這個選項會把選中幀上下顛倒翻轉顯示 * 順時針旋轉90度——這個選項會把所有選中幀順時針旋轉90度 * 逆時針旋轉90度——這個選項會把所有選中幀逆時針旋轉90度 ### 視圖菜單（View） 視圖菜單主要有以下幾個選項: * **1:1**——把圖片縮放到實際尺寸并居中放置到編輯窗口中。 * 適應屏幕——把圖片縮放到恰好填滿編輯窗口的尺寸。 * 網格切換——切換像素網格，這功能與畫布控制（Canvas Control）里的網格按鈕功能相同。 * **洋蔥皮膚設置**——修改洋蔥皮膚的設置，點擊該選項會打開一個類似下方圖示的窗口，在這里可以設置顯示的前后幀數量以及顯示的透明度和顏色。  ### 效果菜單（Effects） 效果菜單可以添加你自定義的效果插件，默認只有以下一個效果： * **灰度**——根據你的選擇去掉一部分圖像飽和度，你可以選擇把這個效果作用于當前圖層、可見圖層或所有圖層。