[Part I. GIMP基礎功]

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



顯示具有 第16章 點線的文字效果 標籤的文章。 顯示所有文章
顯示具有 第16章 點線的文字效果 標籤的文章。 顯示所有文章

16.1 濾鏡與規則的點線

  • Grid 濾鏡,位於「濾鏡 / 描繪 / 圖樣」選單內。
  • 報紙印刷濾鏡,位於「濾鏡 / 扭曲」選單內。

  • 製作線條的效果
    • Grid 濾鏡,是直觀又易懂的濾鏡。
    • Grid 濾鏡,能製作出橫線與直線,線條有固定的間距。
    • 報紙印刷濾鏡,也可來製作線條的效果。
    • 報紙印刷濾鏡,還可用來製作規則的班點。


命名與翻譯,令人費心思量
  • Newsprint 常用的字義,是新聞用紙。
  • 若譯為「新聞用紙」,並無法解釋 Newsprint 濾鏡的功能。
  • 報紙印刷濾鏡(Newsprint)源自於印刷技術,主要是 Halftone 網版印刷相關的技術。
  • Newsprint 反應了 GIMP 用字的重要特色,就是,想要提供一個與 Photoshop 類似的功能,卻又不想採用與 Photoshop 相同功能的名稱。


測試報紙印刷濾鏡,要有灰色的影像
  • 記得不要使用純黑、純白的影像。
  • 若不懂印刷技術也無妨,利用試誤法,也能學會此濾鏡的特性。

  • 產生256x256的新影像。
  • 將影像填上(192,192,192)的灰色。


  • 執行報紙印刷濾鏡 【註1】 , Cell Size 設20,「畫面分開為」設 Intensity ,「描繪斑點函式」設圓形,產生圓形的斑點。
  • 可使用不同的「描繪斑點函式」設定產生不同形狀的斑點。
  • Cell size 固定時,影像中灰色的強度影響斑點的大小。由於只有一種顏色(灰階192的灰色),故斑點的大小都一樣。



使用深色的影像,產生線條的紋路
  • 產生256x256的新影像。
  • 將影像填上(64,64,64)的灰色。 
 

  • 執行報紙印刷濾鏡 【註2】 ,Cell Size 設10,「畫面分開為」設 Intensity ,「描繪斑點函式」設線狀,產生橫線條的紋路。
 



選單及項目名稱的英文:
【註1】 Newsprint filter,Cell size設20,Screen Separate to設Intensity,Spot function設Round
【註2】 Newsprint filter,Cell size設10,Screen Separate to設Intensity,Spot function設Line


等價的 Python-Fu 程式碼
  • 前面,操作視窗介面,產生規則的點線的材質。
  • 也可用程式碼得到相同結果。
  • 啟動 GIMP Python Console
  • 將下面的 Python 程式碼,全部選取、複製、再貼到 GIMP Python-Fu Console 提示符號 >>> 之後,按下 Enter 。
  • 過一會,就會看到結果圖。

# Part I.
# 測試報紙印刷濾鏡,要有灰色的影像
# 此此產生規律的圓點
#
# 圖片的尺寸
width = 256
height = 256
img = pdb.gimp_image_new(width, height, RGB)
bg_layer = pdb.gimp_layer_new(img, width, height, RGB_IMAGE, "Background", 100, NORMAL_MODE)
pdb.gimp_image_add_layer(img, bg_layer, 0)
# 底圖為灰色
grey = (192, 192, 192)
pdb.gimp_context_set_background(grey)
pdb.gimp_edit_fill(bg_layer, BACKGROUND_FILL)

cell_size = 20
colorspace = 3 # LUMINANCE
gry_ang = 45.0
gry_spotfn = 0 # EUCLIDIAN-DOT
pdb.plug_in_newsprint(img, bg_layer, cell_size, colorspace, 0, gry_ang, gry_spotfn, 45.0, 0, 45.0, 0, 45.0, 0, 3)

pdb.gimp_display_new(img)



# Part II.
# 使用深色的影像,產生線條的紋路
#
# 圖片的尺寸
width = 256
height = 256
img = pdb.gimp_image_new(width, height, RGB)
bg_layer = pdb.gimp_layer_new(img, width, height, RGB_IMAGE, "Background", 100, NORMAL_MODE)
pdb.gimp_image_add_layer(img, bg_layer, 0)
# 填上(64,64,64)的灰色
grey = (64, 64, 64)
pdb.gimp_context_set_background(grey)
pdb.gimp_edit_fill(bg_layer, BACKGROUND_FILL)

cell_size = 10
colorspace = 3 # LUMINANCE
gry_ang = 45.0
gry_spotfn = 1 # LINES
pdb.plug_in_newsprint(img, bg_layer, cell_size, colorspace, 0, gry_ang, gry_spotfn, 45.0, 0, 45.0, 0, 45.0, 0, 3)

pdb.gimp_display_new(img)

  • 結果圖,和前面操作視窗介面所產生的,略有些不同,有可能只是網頁排版與顯示的問題。
  • Part I. 結果圖

  • Part II.結果圖

16.2 斜線條的文字


  • 色彩交換濾鏡,位於「色彩 / 映射」選單內。
  • 報紙印刷濾鏡,位於「濾鏡 / 扭曲」選單內。


備妥斜線條的圖案,圖層名為 Line
aa
  • 產生256x256的新影像。
  • 將影像填上(192,192,192)的灰色。
  • 將圖層更名為 Line。


  • 執行報紙印刷濾鏡【註1】, Cell Size 設20,「畫面分開為」設 Intensity 。
  • 「描繪斑點函式」設線狀,產生斜線條的紋路。


  • 執行「色彩交換」濾鏡將黑色換成黃色。
  • 再執行「色彩交換」濾鏡將灰色換成黑色。
 


新增圖層遮罩,添加白色的字樣 m
  • 在圖層面版內,選取 Line 圖層,執行新增圖層遮罩。
  • 為 Line 圖層加上全黑的圖層遮罩。
  • 再新增一全白的底圖,圖層名稱為 Background 。




接下來,在 Line 圖層的遮罩,添加白色的字樣 m 。這樣就可利用黃黑相間的斑紋寫字。
  • 最後,要做出漸層的底圖。在圖層面版內,選取Background 圖層。
  • 在混色工具的選項面版內 【註2】 ,漸層設「前景色至背景色 (RGB)」,形狀設放射狀。前景色設為黑色。背景色設為白色。
  • 使用混色工具,在影像視窗內,先決定一點,作為放射狀漸層的中心,而後,拉一條直線,如此,便產生放射狀漸層的底圖。
 


選單及項目名稱的英文:
【註1】 Newsprint filter,Cell size設20,Screen Separate to設Intensity,Spot function設Line
【註2】 Gradient設FG to BG (RGB),Shape設Radial

16.3 圓斑點的文字


  • 凹凸貼圖濾鏡,位於「濾鏡 / 映射」選單內。
  • 報紙印刷濾鏡,位於「濾鏡 / 扭曲」選單內。


備妥圓斑點的圖案,圖層名為 Black Spot
  • 產生256x256的新影像。
  • 將影像填上(192,192,192)的灰色。
  • 將圖層更名為Black Spot。

  • 執行報紙印刷濾鏡 【註1】, Cell Size 設10,「畫面分開為」設 Intensity ,「描繪斑點函式」設圓形,產生圓形的斑點。
 


凹陷下去的藍色斑點,圖層名為 Spot
  • 新增一層全藍的底圖,圖層名稱為 Spot 。

  • 對全藍的 Spot 圖層,執行凹凸貼圖濾鏡,以圓形斑點的 Black Spot 圖層作為Bump map 映射圖。



新增圖層遮罩,添加白色的字樣 m
  • 在圖層面版內,選取 Spot 圖層,執行新增圖層遮罩。
  • 為 Spot 圖層加上全黑的圖層遮罩。
  • 再新增一全白的底圖,圖層名稱為 Background 。
 
  • 接下來,在 Spot 圖層的遮罩,添加白色的字樣 m 。這樣就可利用利用凹凸的顆粒寫字。
  • 最後,要做出漸層的底圖。在圖層面版內,選取Background 圖層。
  • 在混色工具的選項面版內 【註2】 ,漸層設「前景色至背景色 (RGB)」,形狀設線性。前景色設為橘色。背景色設為黃色。
  • 使用混色工具,在影像視窗內,由上至下,拉一條直線,如此,便產生橘黃漸層的底圖。


選單及項目名稱的英文:
【註1】 Newsprint filter,Cell size設10,Screen Separate to設Intensity,Spot function設Round
【註2】 Gradient設FG to BG (RGB),Shape設Linear,Repeat設None

16.4 視訊字


  • Video Camera(V8)的螢幕,因為解析度較低,用 Video Camera 螢幕來觀看影像,會有橫的條紋出現。
  • 所謂的視訊字,就是模擬低解析度螢幕顯示影像,所產生的線條效果的字體。


請注意,圖層的名稱
  • 範例多數都是構思於 GIMP 1.2版的時期。
    • 1.2版是非常古老的版本了。
    • 即使用了新版的 GIMP ,製作擷圖時,我並沒有再去更動這些範例 XCF 檔的圖層結構與圖層名稱。
    • 目前的版本,文字工具,會產生一個文字圖層。
      • 以寫入的字樣,作為圖層的名稱。
      • 若寫上 Line 則圖層名稱 Line 。
      • 圖層的尺寸與字型、字數有關。
  • 這一系列的文字範例,讀者實際練習時,也可以使用 GIMP 2.6版所設定的圖層的名稱。


備妥基本的字樣,圖層名為 Line
  • 產生256x160的新影像,底色為透明,選定72像素粗體的 Arial 字體,在影像視窗內,寫上 Line 字樣。
  • 將文字與透明的底圖合併成單一圖層。
  • 將圖層更名為 Black Text 。


視訊字,基本的圖層結構
  • 複製 Black Text 圖層,產生新的圖層,將圖層更名為 Color Text 。

  • 新增透明的圖層,名為 H_Line 圖層。
  • 新增一白色圖層,名為Background 圖層。


H_Line 圖層,存放橫條的格線
  • 對 H_Line 圖層,執行[影像] / 濾鏡 / 描繪 / 圖樣 / Grid 【註1】。
  • 在圖層面版內,對 H_Line 圖層,執行「透明區域轉為選擇區域」(Alpha to Selection),將有顏色的部分選著(即橫條的格線部分)。


Color Text 圖層,黑白條紋相間的字
  •  在圖層面版內,點選 Color Text 圖層。
  • 對 Color Text 圖層,執行[影像] / 編輯 / 清除 【註2】,清除選取的區域。
  • 文字變為黑白條紋相間的字。





Color Text 圖層,漸層條紋的字
  • 在圖層面版內,點選 Color Text 圖層,勾選「鎖定」項目。
  • 使用混色工具,漸層選 Tropical Colors ,將 Color Text 圖層填滿。




視訊字,成品圖與圖層結構
  • 讓 Black Text 圖層也顯示出來。產生黑色的橫條紋。 
 




  • 讓四個圖層重疊顯示。



選單及項目名稱的英文:
【註1】 [Image] / Filters / Render / Pattern / Grid
【註2】 [Image] / Edit / Clear