2016年11月30日 星期三

Chapter_4 巧妙運用Inkscape的功能與濾鏡

Chapter_3 在Inkscape中善用裁切與遮罩

Chapter_2 建立Inkscape中的圖層、背景與圖樣

前言

        每個新的繪圖檔案一開始都只有一個圖層,之後可以根據需求增加圖層。圖層顧名思義就是圖案的層次,例如我們繪製一雙腳,然後增加一個紅色鞋子的圖層,再增加一個藍色鞋子的圖層。當設定紅色鞋子圖層可看見,而藍色鞋子圖層不可看見,這時人們就會看到一雙腳穿的是紅色鞋子;反過來說,當設定紅色鞋子圖層不可看見,而藍色鞋子圖層可看見,這時人們就會看到一雙腳穿的是色鞋子。
        另外,再將圖層的透明度任意調整又可製造出不同效果。例如:將紅色鞋子圖層透明度設定成50%,而色鞋子圖層透明度也設定成50%,人們會看到一雙腳穿的是紫色鞋子。從以上這些例子可以認識到圖層的運作方式,就好像是將一張張圖紙堆疊在一起,一般圖層的透明度預設是100%就像是透明紙一般。圖層上的圖案一般預設是不透明的,因此能像紙娃娃穿衣服那樣層層堆疊上去,下層被上層圖案遮蓋的部分就看不到。
        圖樣是重複出現的圖案,可以用來填滿圖層或選取範圍。Inkscape中有許多預設的圖樣可以填充圖層或選取範圍來建立背景。也可以自訂圖樣使建立出來的背景顯得獨一無二。除此之外也可以設定漸層顏色使背景更富變化。        

Inkscape中的背景設計

  • 建立漸層顏色背景圖層:
  1. 開啟新檔案除了先設定文件屬性("檔案/文件屬性")並另存新檔("檔案/另存新檔")之外,新的繪圖檔案一開始預設的圖層稱為Layer1("圖層/圖層")。
  2. 選取Layer1更改名稱為[漸層背景]。
  3. 選取左側工具箱中「建立矩形與正方形」工具,在文件工作區點一下拉動滑鼠來建立背景。
  4. 在圖案上按下滑鼠右鍵,在選單中選擇「填充與邊框」。
  5. 在「填充與邊框」的面板上選擇「線性漸層」。
  6. 在左側工具箱中點選「建立和編輯漸層」來改變線性漸層方向。
  7. 建立好漸層背景或工作一小段進展,建議隨時儲存檔案("檔案/儲存")。

  • 加入新圖層--建立圖樣圖層:
  1. 在圖層面板點按加號圖示來建立新圖層,並輸入名稱為[自訂圖樣]。
  2. 在左側工具箱中點選「建立星形與多邊形」工具來設計自己的圖樣。設定顏色為白色,頂點:6,輪軸比:0.2,圓角:0.48,隨機:0.026,可得一個類似雪花的圖樣。
  3. 點按一下[自訂圖樣]圖層的眼睛圖示,檢測一下圖樣是否在[自訂圖樣]圖層中。
     
  4. 再多複製幾個錯落放置並群組起來。
  5. 然後設定"物件/圖樣/物件轉成圖樣"。
  6. 接著使用貝氏曲線隨意畫一個封閉圖形,用來限定圖樣的範圍。畫好範圍之後記得將邊框設定為無,這樣整個畫面才好看。
     
  7. 按下滑鼠右鍵,在選單中選擇「填充與邊框」。在「填充與邊框」的面板上選擇「圖樣」。並隨意調整圖層的透明度可以有更豐富的效果。
     

Inkscape中的匯入與匯出

  • 在Inkscape中匯入檔案:
  1. 先建立一個新的圖層[匯入圖案]。
  2. "檔案/匯入"。
  3. 調整匯入圖案的大小及位置。

  • 在Inkscape中匯出檔案:
  1. 先再製幾棵聖誕樹並調整大小及位置。
     
  2. "檔案/匯出點陣圖"。
  3. 距離完成聖誕卡片又接近一些了。

2016年11月27日 星期日

Chapter_1 認識自由軟體Inkscape繪圖工具

前言

        大凡使用過Windows作業系統的人,一提起用電腦繪圖都知道在附屬應用程式的目錄夾裡有小畫家這個繪圖軟體,能夠用來在電腦中畫畫。當然也有更多人在需要使用到電腦製圖或修改照片的時候,會想到PhotoImpact, Photoshop或CorelDRAW等商業應用軟體。然而本文要介紹的是一款屬於自由軟體的繪圖軟體--Inkscape。
        所謂自由軟體(free software)是受到「自由軟體授權協議」保護而發布公開的軟體。它可以從網路上自由下載使用,允許研究、複製、修改和再分發。這與是否收取費用無關。也就是說,自由軟體不一定是免費軟體,但是大多數自由軟體都是免費讓人們使用的,同時也接受各方認同者的贊助。
        Inkscape製作出來的圖像是向量圖,與小畫家製作出來的點陣圖是有所區別的。而數位相機所拍攝出來的影像也是屬於點陣圖。Photoshop, PhotoImpact, Gimp等軟體產生的檔案也都是點陣圖。點陣圖的檔案格式通常是bmp, jpg, png, tif, psd, gif等。點陣圖檔尺寸越大,所需的儲存空間就越大,檔案也就越大;當放大檢視點陣圖時,圖像邊緣會有鋸齒狀的現象,整個圖檔布滿粗糙的顆粒。
        Inkscape, Illustrator, Draw都是向量繪圖軟體,而向量圖檔的檔案格式通常是svg, wmf, al等。向量圖檔的檔案大小不會隨著印刷尺寸變大而增加;當圖檔被放大檢視時,圖像品質依然清晰銳利,圖像不會有鋸齒狀或格狀粗糙顆粒的現象發生。

Inkscape簡介

  • Inkscape功能介紹:
  1. Inkscape可以用來繪製圖案或卡片,也可以設計獨一無二的徽章或各式各樣的海報;也能匯入圖片經過影像處理後,再匯出點陣圖檔案,甚至是製作GIF動畫圖像也不困難。
  2. 在Inkscape中交互運用剪裁與遮罩效果,可以製作出個人風格的相框;發揮創意讓充滿回憶的照片,放置在DIY的專屬相框中。
  3. 在Inkscape中使用各種效果搭配文字設計,能產生許多別出心裁的效果,例如路徑文字的安排或產生立體文字效果等。

  • Inkscape介面介紹:

  1. 功能表:
  2. 命令列:
  3. 工具控制列:
  4. 工具箱:
  5. 編輯區
  6. 調色盤
  7. 狀態列

下載與安裝Inkscape

        Inkscape既然是自由軟體,想要使用它,自然會想到從網路上下載。以下提供一個可以下載Inkscape軟體與3D列印設計教學的網址:http://inplus.tw/archives/1624
        按下滑鼠左鍵,拉霸往下拉,就會看到紅色Download字,按下之後會連結到Inkscape的官網,即可下載Inkscape最新版本。
        選擇適合自己電腦作業系統的版本下載並安裝。
  • 安裝步驟:
  1. 先到電腦的"下載"目錄執行已下載好的Inkscape安裝程式。
  2. 接著按照指示依序執行數個步驟即可成功將Inkscape安裝完成。
  3. 最後啟動Inkscape即可開始在電腦上繪圖。

繪製圖案與存檔

        開始做中學Inkscape的操作吧!建立新檔案時通常都會先設定文件的屬性,並指定一個路徑和名稱給這個新建立的檔案;也就是執行"檔案/另存新檔"與選定一個合適的檔案夾和名稱給這個新建立的檔案。執行步驟如下:
  1. 執行"檔案/文件屬性"
  2. 設定文件的大小尺寸、頁面方向、尺寸單位以及頁面邊界顏色等文件屬性。
  3. 執行"檔案/另存新檔"

        設定好文件的屬性並建立好檔案之後,便可以開始繪圖,作業期間建議隨時存檔。已有檔名,而且不想更改檔案名稱的情況下,執行存檔是相當簡易的,只要執行"檔案/儲存"即可,或是按下命令列的儲存文件圖示(Ctrl-S)也可以存檔。圖示步驟如下:

  • 執行"檔案/儲存"
或是
  • 按下命令列的儲存文件圖示(Ctrl-S)
        左側工具箱中有許多繪圖工具,通常我們會使用貝茲曲線及直線工具來繪製直線曲線圖案。操作步驟如下:

  1. 選取左側工具箱中的貝茲曲線及直線工具之後,在畫布上點按一下滑鼠左鍵,接著拉到一個適當的距離再點按兩下滑鼠左鍵,就會看到一條直線。
  2. 接著將滑鼠拉到另一個距離,按住滑鼠左鍵不放,向上、下、左、右任一方向拉動即可產生有弧度的曲線。
  3. 重複第二步驟,就可以產生各式各樣的直線和曲線線條的組合。最後將滑鼠移到線條的起點,看到一個正方形的紅色小點再放開滑鼠左鍵,即可得到一個封閉的圖案。
        對一個已製作好的圖案我們可以再製、填色、翻轉與旋轉、放大和縮小。操作步驟如下:
  • 再製:
  1. 滑鼠游標先點選一下左側工具箱中的第一個工具「選取工具」,接著再選取圖案。
  2. 然後在圖案上按滑鼠右鍵,便能呼叫出選單。
  3. 在選單中點選再製,便能再製出該物件。
  4. 使用「選取工具」移動一下該圖案就可以看到另一個一模一樣的圖案。
  • 填色:
  1. 滑鼠游標先點選一下左側工具箱中的油漆桶。
  2. 接著接著在點選下方的調色盤選擇顏色,即可對封閉的線條圖案填色。
  • 翻轉與旋轉:
  1. 使用「選取工具」點選一下預備翻旋轉的圖案,透過工具控制列上的水平翻轉工具,即可翻轉圖案物件。
  2. 點選兩下預備旋轉的圖案即可進入旋轉模式,此時便可旋轉圖案物件。
  3. 然後調整圖案的角度,並移動到適當位置,或使用工具控制列上的對齊工具,即可調整圖案物件的位置。
  • 放大與縮小:
  1. 使用「選取工具」點選一下預備放大或縮小圖案。
  2. 拉動四個角其中一個角,即可放大或縮小圖案圖案物件。
 
 
       發揮創意,利用左側工具箱中的各式幾何繪圖工具可以為聖誕樹做裝飾。完成作品圖示如下:
       最後儲存檔案,在下一章我們將把這次的作品匯入,慢慢完成聖誕卡片的製作

課後練習

        嘗試單單運用畫圓或畫方工具繪製圖案。完成工作所需的工具操作提示如下:
  1. 點選畫方(F4)畫圓(F5)工具
  2. 再製(Ctrl+D)
  3. 將物件轉成路徑(Shift+Ctrl+C)
  4. 水平翻轉(H)
  5. 上下翻轉(V)