目前分類:gimp 繪圖軟體教學 (4)

瀏覽方式: 標題列表 簡短摘要
回溯 : GIMP 簡易教學(3) - 動作 與 復原

4 - 0  繪圖工具的擺設

電腦繪圖的工作大部分都是在螢幕上完成的, 完成一件作品可能會動用到不少工具, 這些無實體的工具如果能好好的認識它們並習慣它們的位置, 必能起到事半功倍的效果, 要不然 ~ 您可能會為了找不著一件工具或不曉得該如何處理而倍感挫折.


4 - 1  功能表簡介

gimp 的功能項非常多, 從主視窗上的功能表中 (檔案(F)  編輯(E)  選擇(S) ...) 您可以發現在各功能項中還包含了許多項目及子項目. gimp 大部分的功能項都羅列在其中, 如果您不小心把某些浮動視窗關閉而找不到時, 您都可以從功能表中再將它找出來.


功能表

後面有很多操作會使用到功能表, 我會以類似下面這樣的方式來形容 :

功能表 -- 編輯 > 貼上
功能表 -- 檔案 > 儲存
功能表 -- 圖片 > 模式 > 灰階

每一個 ">" 的符號就代表進入一個項目或子項目, 這樣就可以省去我貼圖說明的步驟囉 ! 請練習操作這個步驟 :     

功能表 -- 求助 > 小提示 

建議您偶爾看看小提示可以學到不少操作方面的技巧喔 ! 或是選擇其他求助方式 (直接按 F1 鍵), 您必須要連上網路, 大部分的線上說明文件主要以英文為主.


4 - 2  浮動式對話盒與組合視窗的操作

您是否已經看過 [ 工具箱 ] 裡面的各項小工具 (預設位置在左側), 甚至已經嚐試用過了好幾項呢 ? 這一節主要是針對 [ 工具箱 ]  及 組合視窗 [ 圖層、色版、路徑 ... ] 的位置配置做說明.

請將 (圖 4 - 2 A) 組合視窗 [ 圖層、色版、路徑 ... ]  的下半部, 用紅色橢圓框起來的分頁一一拖出來 !

方法 : 以滑鼠左鍵點選分頁小圖示, 按住不放, 再移動滑鼠將該分頁拖出其所在的視窗範圍.

該組合視窗沒出現 ?
如果這個組合視窗並未出現在您的工作桌面, 可能是您之前不小心把它關閉了 !
重新將此視窗叫回的方式如下 :   
功能表 -- 視窗 > 最近關閉的浮動項目
您可以看到子選單中會出現您最近關閉的浮動項目, 例如 : 圖層, 色版, 路徑 ...  點選之後就可以看到了. 請留意 ! 如果之前您在 (2 - 2 中) 功能表 -- 編輯 > 偏好設定 > 視窗管理 中, 把 [ 給視窗總管的提示 ] 那兩項狀態改成 [ 普通視窗 ] 時, 主視窗可能會遮住其他視窗, 請將主視窗縮小到底部的工作列, 看其他視窗是否被它擋住了.

如果還是叫不出該組合視窗, 請先跳到 4 -3 節, 教您如何讓它一一現形.


圖 4 - 2 A 組合視窗

您若成功將紅色橢圓框中的所有分頁項目都拖曳出來時, 應該會如下圖所示 :
為了方便說明, 下圖中我將主視窗縮小到最底下的 Windows 工作列中.


圖 4 - 2 B 分離的浮動式對話盒 與 組合視窗

請比對圖 4 - 2 A 與 圖 4 - 2 B
可以發現原先接在 圖 4 - 2 A 組合視窗下半部的項目, 筆刷、圖樣、漸層、色票, 全都變成了浮動式對話盒 ! 我們繼續來拆解組合視窗吧 ! 請把組合視窗上半部的各個分頁項目, 圖層、色版、路徑、復原, 也全拖出來變成浮動式對話盒吧 ! 如下圖 (圖 4 - 2 C)


圖 4 - 2 C

有沒有發現, 原本整個組合視窗全分散開來了 ! 呵呵呵 ~ 整個畫面變得好熱鬧, 很好玩吧 ~ ^口^  啥米 ? 不知如何復原 ~ 那怎麼辦 ? 通通關閉嗎 ? 別急 ! 讓我們把它們拼回去吧 ! 您可以把每個浮動式對話盒想成是積木, 然後再一個一個接上去 ! 在拼接之前先介紹這些浮動式對話盒的共通結構說明 :


圖 4 - 2 D

我們以單一的浮動式對話盒來說明上圖 (圖 4 - 2 D) 各部件的作用 :

功能項 :
每個分頁項目都有屬於自己的功能項, 把滑鼠游標停駐在上面時, 會出現簡易說明. 這邊就不作說明囉, 學習一段時間後, 您會漸漸明瞭其作用.

拖曳接口 :
相當重要 ! 在進行拼接時一定要用滑鼠左鍵按住這個小區域不放 (圖 4 - 2 D 的綠色方框處) 然後進行拖曳, 再將它移到其他項目的 拖曳接口銜接槓 上進行結合. 當兩個項目以 拖曳接口拖曳接口 互相拼接後, 項目會橫向排列.

留意 ! 最常犯的錯誤是, 誤把標題欄 當成 拖曳接口, 結果拖了老半天就是拼接不上 ! 一定要注意啊 !

下圖例 : 我把 [ 漸層 ] 拖過去跟 [ 筆刷 ] 拼接. (圖 4 - 2 E  左) 為拼接前, 圖右為拼接後, 這樣兩個項目就拼接成一個小組合視窗囉 !



圖 4 - 2 E


銜接槓 : 
位於對話盒的上、下兩處, 當拼接的位置在此處時, 會產生垂直排列.
(圖 4 - 2 F 左) 拼接前, 範例中, 我把 [ 圖層 ] 項目接到剛剛那個小組合視窗上方的 銜接槓上, 當滑鼠游標拖曳到 銜接槓 時, 請注意看 ! 銜接槓 會由灰色變成深藍色, 此時放開滑鼠左鍵, 銜接成功後, 呈現如圖右. 您可以任意拼接在上方或下方的 銜接槓 上.


圖 4 -2 F

您還可以在組合視窗中, 拖曳各分頁來調整分頁的上下或左右順序,  由於這種自由度十足的拼接法, 可讓您隨意拼接成您慣用的組合視窗風格.

練習 : 請按照 圖 4 - 2 A 的樣子拼接回去看看 !

另外, 在 [ 工具箱 ] 視窗的下方, (圖 4 - 2 G 的紅色方框) 這也是個可以分離的項目喔 ! 此項目的名稱為 [ 工具選項 ], 內容主要是顯示其上方各項工具的參數設定, 您可以自行決定要將它移出或加入其他分頁, 我的習慣是不去更動它的位置. 如果您不小心將 [ 工具選項 ] 關閉了, 當您選用某個工具時, 只要在工具小圖示上面點擊滑鼠左鍵兩次也可以將它叫出.


圖 4 - 2 G

分頁設定鈕 :
按下分頁設定鈕後, 出現如圖 4 - 2 H , 除了第一項為該項目的快速功能選項外, 其他的選項都大致相同 --- [ 加入分頁 ]、[ 關閉分頁 ]、[ 脫離分頁 ]、[ 將分頁鎖定停駐 ] ... 請您自行探索 ! 不難 ! 多試幾遍您就會知道其功能為何了.


圖 4 - 2 H

4 - 3  善用功能表

在功能表中 (圖略 ~ 請參考 4-1), 幾乎囊括了 gimp 的所有功能項, 上一節介紹的各式浮動對話盒, 您都可以在這個選項內找到 ~ 功能表 -- 視窗 > 浮動式對話盒

操作後, 出現如下圖 (圖 4 -2 I) , 您可以發現還有一些項目並未出現在桌面上, 當您點選其中一個項目時, 若該項目並未出現在桌面上時, 該項目會以浮動對話盒的方式出現在螢幕上, 此時, 您可以運用上一節所學到的技巧將浮動對話盒拼接成組合視窗; 如果您點選的項目已經存在於桌面上時, 則該項目的拖曳接口處會閃動, 讓您得知它目前的位置. 為了操作方便與效率, 請自行斟酌是否要將所有的項目都排到桌面上; 或是將常用的幾個項目排出來即可.


圖 4 - 2 I

當您熟練了這一章的操作方法之後, 請試著佈置出您最喜歡的繪圖環境吧 !

最後, 下面有三個版面排列範例供您參考 !


範例 一 : 主視窗在左側 工具箱、浮動式對話盒在右側



範例二 : 主視窗在中央 其他視窗分據兩側



範例三 : 主視窗在右側 工具箱及浮動式對話盒在左側

達仔 發表在 痞客邦 留言(2) 人氣()

回溯 : GIMP 簡易教學 (2) - 工具視窗設定

3-0   小試一下

迫不及待想試試如何作畫了嗎 ?
當主視窗還未載入任何圖檔(或新增檔案)之前是無法作畫的, 先來小試一下 ~

功能列表 -- 檔案 > 新增




接著出現如下的對話視窗
圖片尺寸可以直接指定 [ 寬度 ] 及 [ 高度 ], 單位預設是 [ 像素 ]



圖片尺寸也可以直接套用 [ 範本 ] 選項, 如圖, 預設有幾種款式可以選擇
這裡我們先選擇 640x480, 然後按 [ 確定 ]



原本灰色的主視窗(印有吉詳物的頭), 現在則變成了一張白色畫布, 左側與上緣還有標尺, 當滑鼠游標在畫布上移動時, 兩側標尺上的三角箭頭也會跟著移動喔 !




請看下圖 :
1  在工具箱中點選 [ 鉛筆 ]
2  紅色框起來的地方是 [ 鉛筆 ] 這項工具的參數設定欄位

當您選擇的工具不同, 參數設定欄位上的內容也會不同
在主視窗上用滑鼠畫畫看吧 !



當我們在畫布上進行繪製或選取範圍, 致使畫布的內容或狀態有所改變時, 每一個改變畫布內容的步驟, 在此我們就稱之為 [ 動作 ] .

3-1   復原

當畫錯了或想取消之前的幾個動作 ! [ 復原 ] 這個動作會是最常用到的功能

復原的方式 :
功能列表 -- 編輯 > 復原 ... (後面接的訊息會因動作不同而改變)
或  直接按 Ctrl + Z (按住 Ctrl 鍵不放, 再按 Z 鍵)
建議使用 Ctrl + Z 來復原上一個動作會較有效率 !

取消復原的方式 :
功能列表 -- 編輯 > 取消復原 ... (後面接的訊息會因動作不同而改變)
或  直接按 Ctrl + Y

另一個最直覺的復原方式是透過下面這個視窗來操作



(此浮動視窗預設位置在主視窗的右方)
請先點選圖中以紅色圓圈圈起來的這個圖示
接著將出現復原記錄的欄位 (以紅色框起來的欄位)
此欄位會記錄從一開始到目前為止您對畫布所進行的所有動作, 您可以從這裡來選擇要倒回到哪個步驟, 當您選定某個步驟時, 畫布的狀態會復原到您所選的那個狀態, 當您想倒回很多動作或檢視之前到底做了哪些動作時, 相當方便 !

請留意 ! 假設您在畫布上已經進行了 10 個動作, 您想復原到第 3 個動作, 並從第 3 個動作開始編修畫布, 此時您在畫布上若採取了新的動作之後, 新的動作會把復原紀錄之前的第 4 到 第 10 個動作全部捨棄不再留下, 這點請特別注意 !


接續 : GIMP 簡易教學 (4) - 佈置您的繪圖環境

達仔 發表在 痞客邦 留言(0) 人氣()

回溯 : GIMP 簡易教學 (1) - 繪圖軟體 gimp 下載


2-0  使用 gimp 之前的心理建設

如果您之前只有操作過 [ 小畫家 ] 的經驗 ... 那您可要有心理準備, gimp 不像 [ 小畫家 ] 那麼容易上手 ! 這是學習功能強大的軟體時所必須承受的痛 ~ T_T

不過呢 ~
當您習慣 gimp 且得心應手之後, 嘿嘿 ~ 真的會令您愛不釋手 !
想把照片修得美美的嗎 ? 想加入一些特效嗎 ? 甚至創作一些具有藝術風格的圖樣來裝飾您的部落格或網站嗎 ? ... gimp 絕對能滿足您 ! 但是 ... 達仔不能保證您看完我的 gimp 簡易教學後就會變成電腦繪圖高手 ! XD
還是引不起您的興趣 ? 話說, 先前網路上盛傳一位西班牙科技阿嬤的 18 個建議中, 其中不是有一句 :

女孩會和懂得用 Photoshop  gimp 的人上床, 但會跟用 Excel 工作的人結婚

您考慮得怎樣 ? 我們進入主題吧 ~


2-1  視窗簡介

啟動 gimp 之後的畫面如下 : (您和我的畫面可能會有些許不同, 應大致相同)
下圖中, 我用三個紅色框框標示出三個主要視窗



1 號視窗 :  主視窗
位於正中央, 為主視窗, 在還未開啟任何檔案之前, 其標頭列名稱顯示為 [ GNU 圖片處理程式 ] , 您可以將這個主視窗當成是還未放上畫布的畫框.

2 號視窗 :  工具箱
這個視窗是 [ 工具箱 ] , 每個小圖示都代表一個工具, 當滑鼠游標停在小圖示上面時, 會出現關於該工具的名稱及簡介 ( 請開啟您的 gimp 軟體試著操作, 您把滑鼠游標停在我上面那張圖是不會有如上的反應滴 XD ) 各項功能後續再介紹.

3 號視窗 :  圖層, 色版, 路徑, 復原 ...
這也是相當重要的功能選項視窗, 大致上先有個印象概念就好 !

您可以隨意拖曳各視窗的位置, 不一定要按上述的位置排列.
方法 : 滑鼠游標移到該視窗的標頭列上, 按住滑鼠左鍵不放並進行拖曳.

您還可以改變三個視窗的胖瘦高矮 (寬度和高度)
方法 : 滑鼠游標移到該視窗的邊緣處 (上下左右皆可), 當游標變成双箭頭時, 按住滑鼠左鍵不放並拖曳滑鼠即可進行調整.

強烈建議 :
在還不熟悉 gimp 操作介面環境的狀況下, 請暫時保持原設定之編排, 以免不小心關閉了某些視窗選項, 卻不知該如何回復; 因而增添學習挫折感, 最後興趣缺缺 ~ 勇於嚐試錯誤也是一種學習方式, 好奇心 ~ 人皆有之, 達仔不會阻止您的, 因為我就是這樣玩(痛)過來的 XD

這套 gimp 軟體, 各式工具及功能很多, 想要一次全盤了解並不容易, 比較建議的學習方式就是一邊閱讀使用方式, 一邊實際操作 ! 以實作來代替死背 ! 這樣印象會比較深刻.


2-2  [ 主視窗 ] 與 [ 工具視窗 ] 的愛恨糾葛

不知您是否發現 ? 主視窗的位置不管如何拖曳, 變大變小, 好像都會被左右兩旁的工具視窗擋在後頭, 無法完全呈現在最前頭, 這是由於工具視窗被預設為不會被主視窗遮住的緣故, 如果您的螢幕夠大, 各視窗的位置配置都適當的話, 應該不會產生視窗互相遮蔽的現象, 由於達仔還在用 15 吋的 CRT 螢幕, 所以這個現象無法避免 ! 這在主視窗進行工作時會產生不小的困擾 ~ 如果這現象不會困擾您的話, 解決方式不妨看看就好, 不一定要去更改設定.

解決方式如下 :  ( 試試看 ! 光看圖不用聽我說故事, 是否能明瞭 ^ _ ^ )

主視窗的功能列 -- 編輯 > 偏好設定



進入偏好設定的選項視窗, 按步驟進行 :
1 - 選 [ 視窗管理]
2 - 請改變這兩項的狀態 (下圖 : 綠色的方框) 原設定值為 [ 工具視窗 ]
3 - 請點選狀態欄, 把狀態改成 [ 普通視窗 ] (下圖 : 紅色的方框)



4 按下 [ 確定 ] 後, 會出現如下圖的提醒視窗



提醒您 ~ 更動設定後, 需要重新啟動 gimp 設定才能生效, 請按 [ 確定 ]
回到原來的畫面你會發現主視窗還是會被遮住, 必須先關閉 gimp 再重新啟動, 剛剛的設定才會生效.


2-3  關閉 gimp



關閉 gimp 的方法 :
主視窗的功能列 -- 檔案 > 結束  或  按下主視窗右上角的 X 鈕
另外 : 關閉左側 [ 工具箱 ] 視窗也可以直接關閉 gimp
重新啟動後, 點選主視窗看看是否可以浮到最前頭  ^ _ ^

接續 : GIMP 簡易教學 (3) - 動作 與 復原

達仔 發表在 痞客邦 留言(0) 人氣()

1-0   接觸 gimp

達仔並非美工、美術科班出身, 談論這方面的常識根本是自找死路 XD
畢竟我只是個外行, 基於自己的興趣與未來可能會應用到繪圖軟體, 因此必須略微涉獵這方面的知識, 藉由 PO 文或許可以讓有興趣的格友們能一同參與學習, 我仍在學習與摸索階段 (自學), 因此在介紹過程中難免疏漏或誤謬, 尚請先進前輩或格友們不吝給予指正 !

說到影像處理軟體 (或繪圖軟體) 大家比較耳熟能詳的大概是下面這幾套吧 ~ Photoshop、CorelDRAW、Corel Painter、Illustrator (illustrator) ... 等等

上述所提到的幾種繪圖軟體, 價格上並不便宜 ... 若是去電腦補習班學習電腦繪圖, 工具加學費算起來也是相當可觀 ! 但是, 學習成效絕對是比自學來得有效率 ! 前提是 ... 你的口袋不能太淺 XD

如果你跟我一樣沒有預算, 又想玩玩繪圖軟體該怎麼辦 ?
首選就是這個了 ~ GIMP ~ 這是一套 "自由軟體" (Free Software)
請注意 !  自由軟體 ≠ 免費軟體 (Freeware)
雖然大部分的自由軟體也是免費的, 但這兩者間卻存在著語意上的矛盾

不過別擔心, 下載這套 GIMP 是不會向你索取任何費用的 ^ __ ^
使用者若感念開發者的德澤, 可透過捐款的方式贊助他們, 給予鼓勵 !
(捐款方式在 GIMP 首頁的 Make a Donation 選項鈕中有進一步的說明)


1-1   下載 gimp

請跟著下面的步驟, 先來下載吧 !
在此不提供自動連結, 請自行複製網址連結並下載 ~
gimp 首頁   www.gimp.org
下載 gimp 請點選首頁的下載按鈕

接著來到下載相關的頁面, 請在此頁面找到下面這一行字
 Download GIMP 2.6.11 - Installer for Windows XP SP2 or later
這裡要下載的是適用於 Windows 作業系統的 gimp , 版本號為 2.6.11
點選後開始下載 ...


我用的是 FireFox 瀏覽器, 所以詢問下載檔案的畫面如上, 按儲存 ...
下載完成後, 直接執行 gimp-2.6.11-i386-setup-1.exe 即可自動完成安裝
安裝過程快慢視電腦硬體的性能而定, 需要花費一點時間 ...
(這裡省略安裝過程)


1-2   啟動 gimp

安裝完成後可以在桌面上看到 gimp 的吉祥物這個捷徑
双擊此捷徑即可開啟 gimp, 成功開啟 gimp 的畫面如下 :



注意到了嗎 ? 有支援繁體中文喔 ! (安裝時會自動轉為你的作業系統語系)




接續 : GIMP 簡易教學 (2) - 工具視窗設定

達仔 發表在 痞客邦 留言(2) 人氣()