[Part I. GIMP基礎功]

[Part II. 一種效果的誕生]
[Part III. Script-Fu的秘密]



顯示具有 第 6章 變換工具的使用 標籤的文章。 顯示所有文章
顯示具有 第 6章 變換工具的使用 標籤的文章。 顯示所有文章

6.1 變換工具類的按鈕

本章目的
  • 本章介紹四個變換工具(Transform Tool)按鈕,本章採用流水帳式的寫法,平鋪直敘,解說工具與選項的意義。變換工具與其它工具的整合,可製作出許多有趣的效果。進階的應用,讀者可自行嘗試。


變形前的準備
  • 本章,以人行道磚的楓葉圖案,說明工具的操作方法。先使用路徑工具,為楓葉圖案去背。



版本的比較
  • GIMP不斷求新求進步,每次改版,總會添加一些新功能。
  • 對於既有的功能,每次改版,有些功能會有些小改變。
  • GIMP 1.2版與GIMP 2.2版,都是一個按鈕,結合了四種與變形轉換相關的功能。
  • GIMP 2.6版,則分別提供四個工具按鈕,也就是,旋轉工具、縮放工具、推移工具、透視法工具(Rotate、Scale、Shear、Perspective)。


藍色系的小圖示
  • 變換工具的按鈕,大多是藍色系的圖案。
  • 可在「工具」的選單內,切換不同的工具,也可直接在工具箱內,按下該按鈕。



共同的選項
  • 雙擊旋轉工具的按鈕,會出現旋轉工具的選項面版。
  • 變換類的工具有一些共同的選項,「變換」參數有三個選項,它決定了工具要作用於圖層、選取區域或路徑。


若「變換」參數設定為「選取區域」,選取區域的「範圍」會產生變形的轉換,而選取區域的「內容」不會受影響。

在下面的練習中,「變換」參數設定為「圖層」,並產生一個矩形的選取區域。因此,受影響的,並不是選取區域的外框線。而是選取區域的內容物,會產生變形的轉換。

6.2 旋轉工具

旋轉工具,特點是設定任意的角度值
  • 旋轉工具,等同這個指令,[影像] / 圖層 / 變換 / 任意旋轉
  • 旋轉,相關的指令還有:
    • [影像] / 圖層 / 變換 / 順時針旋轉90度
    • [影像] / 圖層 / 變換 / 逆時針旋轉90度
    • [影像] / 圖層 / 變換 / 旋轉180度
    • [影像] / 圖片 / 變換 / 順時針旋轉90度
    • [影像] / 圖片 / 變換 / 逆時針旋轉90度
    • [影像] / 圖片 / 變換 / 旋轉180度
  • 旋轉工具,最大的特點便在於指定角度。
  • 另一特點是, 透過設定 ,除了旋轉圖層,也可旋轉選取區域的外框線,還可旋轉路徑曲線。


在此,選取區域是指其框選的內容,而非其外框線
  • 與變形轉換相關的工具可作用於選取區域,若影像只有一個圖層且具有透明色版,在工具作用後,有些位移的像素其對應的位置會變為「透明」。
  • 將背景透明的楓葉圖案加上白色的底色,並存成mapple.xcf,xcf支援透明層。
  • 使用矩形選取工具,選取一區域。

  • 請先確定,選項面版內, 「變換」參數設定為「圖層」。
  • 之後的操作,受影響的,並不是選取區域的外框線。而是,選取區域的內容物,會產生旋轉的效果。

小技巧
雙擊工具按鈕,會出現該工具的選項面版。


旋轉的角度,有兩種設定方式
  1. 單擊旋轉工具按鈕,而後再點選圖案,影像視窗內會出現一個可旋轉的矩形區域,你可以用滑鼠拖曳的矩形區域的任何地方,而後做旋轉的動作。
  2. 也可以在對話盒內設定旋轉的參數,「角度」代表欲將原選取區域順時針旋轉幾度,將角度設為30。中央X、中央 Y就是中心點的位置,採用預設值,也就是矩形選區的中心。

  • 按下對話盒內的「旋轉」按鈕,結果如圖所示,選取區域順時針旋轉30度。

6.3 縮放工具

縮放工具,有更大的彈性
  • 在下面的練習中, 是將「變換」參數設定為「圖層」,並使用矩形選取工具,框選著楓葉,縮放其框選的內容物「楓葉」,而非其外框線。
  • 若要選取區域的外框線,則要將「變換」參數設定為「選取區域」。
  • 縮放工具可作用在特定圖層的選取區域(在此,選取區域是指,其框選的內容物,而非其外框線)。
  • 縮放工具與縮放指令([影像] / 圖層 / 縮放圖層),兩者最大的不同處便在於此。


框選著楓葉
  • 仿照6.2節開頭的操作,先使用矩形選取工具,選取一區域。



調整控制點
  • 單擊縮放工具按鈕,點選圖案,會出現一個可調整的矩形區域。
  • 調整矩形的四個角的位置,可改變矩形區域。
  • 下圖裡,調整左下、右上、右下三點。



設定縮放的控制點
  • 除了使用滑鼠調整縮放的參數,也可在對話盒內設定縮放的參數。
  • 因為已用滑鼠調整矩形區域左下、右上、右下三點,因此,寬度變為70、高度變為87。
  • 按下對話盒內的「縮放」按鈕,結果如下圖所示。

6.4 推移工具

推移工具,格線輔助調控
  • 推移工具,可產生水平方向推移或垂直方向推移,藉此改變圖形的外形。
  • 預覽形變效果的方式有很多種。
  • 利用圖片上所描繪的格線可幫助瞭解變化的過程,如此可調整出更理想的形變效果。
  • 格線的優點在於,當物體扭曲不復辨識,它提供了歪斜的線條作為精準的對照。


框選著楓葉
  • 仿照6.2節的操作,先使用矩形選取工具,選取一區域。



「預覽」設為「圖片和格線」
  • 單擊推移工具按鈕,點選圖案會出現一個可調整大小、外形的矩形區域。
  • 調整矩形的四個角的位置可改變矩形區域。
  • 下圖的工具選項面版內,將「預覽」設為「圖片和格線」。



往右推移
  • 除了使用滑鼠調整縮放的參數,也可對話盒內設定縮放的參數。
  • 因為已經使用滑鼠將右上角的控制點往右移動,因此造成Shear magnitude X變為-80、Shear magnitude Y仍維持為0。
  • 按下對話盒內的「推移」按鈕,結果如下圖所示。



往上推移
  • 使用滑鼠將右上角的控制點往上移動,因此Shear magnitude X仍維持為-80、Shear magnitude Y變為0。
  • 按下對話盒內的「推移」按鈕,結果如下圖所示。

6.5 透視法工具

透視法工具,有時卻是為了校正透視的效果
  • 透視法工具,可任意方向移動左上、左下、右上、右下四個控制點,藉此改變圖形的形狀與大小。
  • 下面的例子是,調整控制點,產生透視的效果。
  • 6.6 簡單的應用」卻是,復原透視的效果。


框選著楓葉
  • 仿照6.2節的操作,先使用矩形選取工具,選取一區域。



四個控制點
  • 單擊透視法工具按鈕,點選圖案,會出現一個可調整大小、位置的矩形區域。調整矩形的四個角的位置,可改變矩形區域。



調整控制點,產生透視的效果
  • 調整右上角的控制點,往左下方移動。調整左上角的控制點,往右下方移動。按下對話盒內的「變換」按鈕,結果如下圖所示。

6.6 簡單的應用

糾正比例有問題的圖片
  • 攝影時常因角度或高度的關係,無法拍攝到物體的正面,或照片中攝入的物體會有些傾斜。這些問題可用變換工具來解決。

  • 下圖的花鐘長寬差異太大,可用縮放工具或透視法工具來調整。



糾正視角有問題的圖片
  • 下圖的交通號誌,因為高度比拍攝者還高,形成仰視的觀感,可用透視法工具來調整,讓圖片呈現由正面觀看的感覺。

6.7 裁剪工具

裁剪工具,切割影像常用的方式
  • 裁剪工具的小圖示是裁刀 。操作流程直觀易懂。
  • 裁剪工具,同時具有裁剪及調整尺寸的功能(Crop and Resize ),用來裁切影像,也可裁切單一圖層。
  • 直觀的操作,是讓圖像越裁越小
  • 但是,裁剪工具也可以讓圖層尺寸越裁越大
  • 在裁剪工具的選項面版內,參數與選項,可輔助調整框取的區域。

  • 可直接用滑鼠,調整框取的區域,可移動,也可調整區域範圍。
  • 框好了矩形的區域,在區域範圍內,單擊滑鼠左鍵,即「完成」裁剪的動作。



多種參數設定的方式
  • 二維的影像,是以矩形來呈現。因此,裁剪工具的參數設定,多與矩形的框框有關。
  • 在工具選項面版內,裁剪工具與矩形選取工具有許多相同的選項,這是因為裁剪工具也會拖曳出一個矩形選取框框,來決定裁剪的範圍。
  • 下圖是裁刀工具的選項面版,可直接鍵入數值,來調整裁剪的範圍。



裁剪工具有著矩形選取的本質
  • 影像與圖層以矩形的方式儲存在檔案之中,因此裁剪工具的作用範圍被限定成矩形。
  • 相較於舊版的 GIMP ,更多的彈性,加到了裁剪工具與矩形選取工具,增加了更多的便利。裁剪工具與矩形選取工具的共同之處是,操作的過程中,會有一個矩形的框框。
  • 為了要快速增減選取區域,矩形選取工具操作時,有兩種狀態。此特點,是操作裁剪工具與矩形選取工具,最大的不同之處。


矩形選取工具操作時,有兩種狀態
  • 滑鼠拖曳出一個矩形的框框。之後,可以移動、調整選取的範圍。
  • 此矩形框有兩種狀態,在框內,可單擊滑鼠左鍵切換狀態。
    • 實線的框,表示可以移動、調整矩形。
    • 虛線的框,表示矩形的選取區域,接著,可再利用快捷鍵,增減選取區域
  • 因此「虛線的矩形框」表示「已完成」選取的動作。之後,若要移動矩形的選取框框,則要使用移動工具。
  • 若要移動選取區域的內容物,則要先執行剪下及貼上的指令。


廣義的裁剪工具,包含這五個指令:
  • [影像] / 圖片 / 讓畫布符合選擇區域 【註1】
  • [影像] / 圖片/ 裁剪選擇區域 【註2】
  • [影像] / 圖層 / 裁剪選擇區域 【註3】
  • [影像] / 圖片 / Autocrop Image 【註4】
  • [影像] / 圖層 / Autocrop Layer 【註5】

  • Autocrop Image(或 Autocrop Layer), 會裁除圖片(或圖層)外圍,多餘的透明區域或純色區域。
  • 有選取區域時,可執行「裁剪選擇區域 Crop to Selection」指令,來「完成」裁剪動作。



搭配調整尺寸的指令
  • 裁剪工具會改變圖層尺寸,因此,裁剪工具有時會搭配調整尺寸的指令。
  • 雖然裁剪工具可以讓圖層尺寸越裁越大,但是通常直觀的操作都是讓圖像越裁越小。
  • 圖層尺寸與影像尺寸不一定要相等,若是圖層尺寸大於影像尺寸(或稱為畫布尺寸),超出的部分無法顯示出來。若是是影像透明區域居多,則可調整影像尺寸來配合圖層尺寸。

調整邊界尺寸的指令有:
  • [影像] / 圖片 / 畫布尺寸 【註6】
  • [影像] / 圖片 / 畫布尺寸縮放至符合圖層尺寸 【註7】
  • [影像] / 圖層 / 圖層邊界尺寸 【註8】
  • [影像] / 圖層 / 令圖層符合影像尺寸 【註9】


選單及項目名稱的英文:
【註1】 [Image] / Image / Fit Canvas to Selection
【註2】 [Image] / Image / Crop to Selection
【註3】 [Image] / Layer / Crop to Selection
【註4】 [Image] / Image / Autocrop Image
【註5】 [Image] / Layer / Autocrop Layer
【註6】 [Image] / Image / Canvas Size
【註7】 [Image] / Image / Fit Canvas to Layers
【註8】 [Image] / Layer / Layer Boundary Size
【註9】 [Image] / Layer / Layer to Image Size