Inkscape是一套跨平台的向量繪圖軟體,在Windows、Linux及Mac上都能使用,它的功能就像是商用的coredraw一樣,介面簡單易懂,在國中小的教學上可以融入到藝術課的設計上
以下是站長所錄的基本教學:
InkScape1 - http://203.68.253.130/~huang/video/inkscape/inkscape-a/inkscape-a.html
InkScape2 - http://203.68.253.130/~huang/video/inkscape/inkscape-b/inkscape-b.html
InkScape3 - http://203.68.253.130/~huang/video/inkscape/Inkscape/Inkscape.html
這一節課利用到圓及簡單貝茲曲線工具來完成MSN的表情ICON
1)首先開啟一個一檔,如下圖:「檔案」--「新增」icon64X64
2)使用圓形工具+Ctrl鍵來畫出一個正圓,然後調整其顏色為黃色
3)點選「填充與邊框」工具,色彩部份請選HSL,選擇漸層填色,接著按下編輯
3)透過漸層顏色的設定,可以達到如下的效果
stop3684及stop3686的設定如下,調整L及A即可。您的顏色可能和我的一樣。
4)再使用圓形工具畫二個白色正圓及二個黑色正圓,最好使用再製方式來複製比較好。
5)使用貝茲工具畫一條線,在起點點一下滑鼠左鍵,終點處快點滑鼠左鍵二下
6)利用路徑編輯工具來調整貝茲曲線,如下圖
7)最後完成圖如下
其中有些工具的操作,您可以參考第一章節的介簡,有站長所錄的基本操作影音教學
這節課利用矩形及路徑編輯工具來設計一個資料夾
1)利用矩形工具畫出三個矩形,調整顏色大小後如下圖,改變黑色矩形為圓角矩形(先選取要調整的矩形-->按下矩形工具-->調整工具列的Rx值即可)
2)將二個黑色矩形選取後做成群組(Ctrl+G)
3)選取紅色矩形後按下功能表的「物件轉成路徑」,將該矩形轉成路徑。轉成路徑後就可以路徑編輯工具來調整其外形,請使用路徑編輯工具來拖曳紅色矩形的上方二個點,向右平移,如下圖
※改變紅色矩形後會超出範圍,使用Ctrl+A來全選物件,再使用工具箱中的第一工具來調整大小即可
4)再使用矩形工具畫一白色的矩形
5)利用圖層的調整工具調整至紅色平行四邊形的下方
6)使用再製工具來再製圖形,調整其模糊度,建議值在3-4
7)分別複製再調整模糊度,最後調整圖形的圖層關係後就呈現如下圖
※您也可以改變顏色,在白紙上加上線條或在資料夾上加上姓名等都可
這的單元會使用到矩形、路徑工具及多邊形工具來繪製
1)先使用矩形工具繪製如下圖形,顏色可以自己決定
2)將中間黑色矩形轉成路徑(功能表的路徑-->物件轉成路徑),然後使用編輯路徑工具修改如下,成弧形
3)使用矩形工具畫出一條白色矩形
4)調整白色矩形的模糊及透明度
5)使用多邊形工具來畫出一個正六邊形,調整其寬度如下
6)使用漸層工具填上顏色,完成圖如下:
這個章節使用文字工具、貝茲曲線及物件群組+漸層填色
1)使用工具箱的文字工具打入文字,例如Inkscape,調整字的大小及字型態
2)使用貝茲曲線工具在文字中畫出一條直線,起點點滑鼠左鍵一下,終點快點滑鼠左鍵二下
3)使用路徑編輯工具在該線中間快點二下來新增一個控制點,然後用滑鼠來調整該線的曲線弧度,如下
4)使用選取工具將文字及該貝茲曲線同時選取,接著點選功能表的「路徑」的分割,這時會將文字依該線分出上下二部份
5)使用選取工具框選出上半部後將其群組(Ctrl+G)
6)填上漸層顏色,接著使用工具箱的「漸層」工具來調整漸層方向
7)最後的完成圖如下:
1)使用文字工具打出Inkscape,調整字的大小及字型,接著填入漸層顏色
2)使用工具箱的「漸層」工具來改變漸層方向,由下向上漸淺顯
3)再製Inkscape文字,移至下方,在文字上畫出一個楕圓
4)使用選取工具同時選取文字及楕圓,然後點選功能表的「路徑--交集」,把交集的結果填上漸層,如下圖
5)把二個圖結合後,再製一個完整的inkscape文字,使用垂直翻轉後移至下方,填上黑色的漸層即得到如下的效果
這個章節使用到貝茲曲線及文字工具有
1)先使用矩形工具及多邊形工具畫出右邊的筆,旋轉筆的角度,如下圖
2)使用文字工具輸入My name is phcno1,調整字的字型及大小
3)使用貝茲曲線畫出一條曲線
4)同時選取文字及曲線,然後點選功能表的「文字」--置於路徑
5)調整該貝茲曲線的「邊框樣式」--寬度,讓寬度為0即可
1)使用文字工具輸入phcno1,將文字轉成路徑
2)使用工具箱的路徑工具來選取英文字,例如P,接著按下工具箱的選取工具,該英文就會被選取
3)按下滑鼠右鍵後再製該英文字母,使用功能表的路徑--動態偏移來放大該英文字母
4)填上顏色後送至最下層,依次完成所有英文字母
5)將外圍動態偏移後的字選取,使用滑鼠左鍵+Shift來選,將之結合
6)填上漸層後就完成如下圖
1)使用矩形工具畫出一個矩形,調整其圓角,然後再製一個填上黑色
2)將黑色的矩形填上漸層
3)再複製一個矩形移至上方,然後畫一個楕圓形重疊在其上方,如下圖
4)把最下方的黑色漸層矩形與原矩形重疊結合,然後上方的矩形與楕圓形做「交集」
5)將上方交集後的圖形填上白色,然後與原矩形重疊排列,上方對齊全
接著使用「路徑」的動態偏移,會在白色的圖上有個菱形小圖,請按下該菱形小圖往矩形中心拖曳,會產生同心縮放。
6)填上白色漸層,最後加上文字就會得到如下的結果
1)使用圓形工具畫出一個正圓(記得同時按下Ctrl鍵)
2)使用再製及動態偏移工具來處理,下圖共有三個圓
※最外的圓使用漸層,黑色的,由下往上的填上黑到白色
※第二層的圓使用漸層,黑色的,由上往下的填上黑到白色
※最內的圓使用第一章節的填色方式
3)將最內的圓再製後移到左邊,同時畫一個楕圓再其上,然後做交集處理
4)將處理後的圓移入圖中,調整及模糊及透明度,最後加上文字,調整文字的圖層順序即可
1)使用畫出一個矩形,然後轉成路徑
2)在下方線上的中點增加一個控制點(點工具列的增加控點圖示,在要增加處快按滑鼠左鍵二下),然後使用弧形控制將下方的二個邊點改成弧形
2)拖曳下方線的中間控制點,往下拖曳
3)使用再製-->動態偏移-->填上漸層-->改變漸層方向
4)再複製一個綠色圖形,在其上方使用貝茲曲線畫出一個矩形,調整矩形如下
5)將矩形及剛再製的圖形同時選取-->交集-->填上白色
6)調整白色模糊及透明度,輸入文字「A」並再製A,一個為黑色,一個為白色,調整其相對位置
7)調整A的圖層順序,最後就呈現如下圖
1)使用多邊形工具加上Ctrl鍵來畫出正八邊形
2)使用貝茲曲線沿著大小八邊形畫出一個梯形,然後再複製一個,使用動態偏移來同心縮小
3)將內的小梯形同製一個填上黑色後移至旁邊,再其三畫出一個矩形,然後再製二個
4)調整三個矩形與梯形對齊,第一個矩形對齊梯形上,第三個矩形對齊梯形下,然後使用對齊工具的等距排列
5)畫出一個小矩形來連接三個等大小的矩形,將全部矩形選取後「結合」(不然就選取三個矩形後將其轉成路徑後再結合)
6)同時選取梯形及剛結合的矩形圖形做「交集」
7)使用再製,旋轉,將旋轉中心移至八卦圖的中心點,同時按下Ctrl鍵並拖曳梯形旋轉控制點,完成八個一樣的圖形複製
8)畫出三個矩形,如下圖
9)填上白色後使用相同方式來複製+旋轉,一次以一層來處理,如坤有三個缺,將第一層的缺口複製旋轉至艮...
10)畫出半圖加上二個一樣的圓形,先將一個圓與半圓結合後再做減去
11)移至八卦圖內,再製一個,透過鏡射來調整
最後的八卦圖如下:
前五個步驟如7-1。
同時選取梯形及剛結合的矩形圖形做「功能表--路徑--分割」
分割後把中間部份刪除,就會呈現如下圖
※使用再製,旋轉,將旋轉中心移至八卦圖的中心點,同時按下Ctrl鍵並拖曳梯形旋轉控制點,完成八個一樣的圖形複製
※畫出一個矩形,如下圖,使用再製,旋轉,將旋轉中心移至八卦圖的中心點,同時按下Ctrl鍵並拖曳梯形旋轉控制點,完成八個一樣的圖形複製
因為三個黑色梯形都是獨立分開的,所以只點調整無缺口的梯形至圖層最上層即可
快整完成,接著從尺規拉出參考線,找到八卦圖的中心點
使用Ctrl+shift畫出由中心向外而成的正圓
接著再製一個圓後把圓的改成半圓(修改圓的起點90至終點270),然後畫出二個如綠色的正圓做結合
接著再做減去,填上白色,底上那個大圓填上黑色即完成八卦圖
使用匯入方式,將人物的攝影圖匯入到Inkscape,再使用貝茲曲線來描繪填色即可
※首先使用功能表的「檔案」--「匯入」將檔案匯入到Inkscape
※使用貝茲曲線工具沿著臉的外部描出臉形,啟點點滑鼠左鍵一下,每遇到轉折處就點一下,最後回到起點快點二下來完成選取
※使用工具箱第一工具--「選取工具」來選取剛用貝茲曲線所描繪的圖,填上顏色
※使用路徑編輯工具來修改線條曲線
※調整選取區的透明度,這樣才能看清楚下方的鼻、眼...,然後一樣使用貝茲工具畫出眼、鼻等
※最後調整透明度,刪去底圖就完成了
網路上有一篇教學,有多個完整範例--小元生活雜記本
學校的運動服都是學校老師或廠商設計的,能不能讓學生自己設計呢?
使用Inkscape就可以完成你的夢想
1)先開啟「檢視--格線」
2)使用貝茲曲線畫出運動衣的左半部
3)使用工具箱的路徑修改工具來調整腰及領成曲線
4)在領口處畫出一個圓,調整其透明度才能看清楚是否符合領口大小
5)將圓移到衣服的上方,填上想要的顏色彩
6)透過再製及動態偏移,完成如下的圖形,同時選取兩圓,使用功能表「路徑--減去」,會留下紫色部份
7)在紫色圓的上層畫出一個楕圓,同時選取圓及楕圓
8)使用功能表「路徑--減去」,最後如下圖
9)將紫色弧形移去領口處,調整一下大小
10)使用矩形及多邊形來結合產生口袋
11)加上其他線條及顏色,可以產生許多不同的組合
12)透過電腦作圖的好處就是可以任意修改,填上喜歡的顏色
1)先參考第九單的運動服設計
2)使用貝茲曲線畫出單邊的領子,接著使用工具箱的「選取」工具來選取剛的領子
3)填上想要的顏色,接著使用再製及水平翻轉,然後移至另一邊
4)使用圓形工具來畫出鈕釦,使用貝茲曲線畫出垂直線(調整其寬度)
5)最後結果如下:
1)先使用圓形工具畫出一人固楕圓,再其中畫出一個矩形,調整矩形的透明度過
2)同時選取矩形及楕形,使用功能表的「路徑--交集」
3)再製一個並排後就得到兩腳,在上方畫一個藍色矩形,結果如下圖
4)使用矩形工具畫出一個矩形,將其轉成路徑,使用編輯路徑工具來調整其曲線弧度
5)使用貝茲曲線畫出一垂直線,調整其寬度,再使用圓形工具畫出二個小圓
6)使用矩形工具畫出圍巾,將其轉成路徑後調整其曲線弧度,然後使用圓形工具畫出頭形
7)使用矩形工具畫出矩形,將其轉成路徑後調整其曲線弧度,將頭及矩形再製後移至旁
8)同時選取頭及矩形,使用功能表的「路徑--分割」
9)取最上方處填入藍色,將其移至帽上
10)使用矩形及圓形工具畫出相機
11)使用圓形工具畫出手
12)使用矩形工具畫出手臂,將其轉成路徑,調整其外形及弧度,再加上旋轉來調整角度
13)使用矩形工具畫出一個矩形,調整其圓弧角
14)使用功能表的「編輯--仿製--建立鋪排仿製物件」,設定如下
15)最後的結果如下:
還有很多外型--http://sp.rocpoint.com/html/05/stan/index.htm
上課學生作業示範
在openclipart網站上看到很多人畫了許多的自然實驗器材,所以就來試著仿製看看
這個化學玻璃器皿在openclipart的原創是 organick--http://www.openclipart.org/detail/1762
1)首先使用矩形畫出如下1的圖形,瓶口部份要調整圓角,然後將二個矩形同時選取做交集
2)使用圓形工具畫出一個圓形,在其上層畫一個矩形,同時選取圓及矩形做功能表的「路徑--減去」
3)再複圓形,然後移至邊旁,在其上層畫出一個矩形,同時選取二個物件做交集(化學玻璃器皿的液體)
4)將化學玻璃器皿的液體移至瓶內,然後使用動態偏移來調整其大小
5)瓶身填上漸層,由中心向外,調整漸層的顏色如下圖,最後使用工具箱的「漸層」工具來移動漸層中心點
6)使用貝茲曲線來畫出反光部份,調整其漸層及透明度,記得邊框要去除
7)最後結果
訪畫openclipart-- http://www.openclipart.org/detail/16987
原創作者: jean_victor_balin
1)使用貝茲曲線畫出錐形瓶的一邊
2)使用路徑編輯工具來調整其曲線弧度如下圖
調整曲線後
3)再製一個後,使用水平翻轉,然後移至另一邊
4)兩個圖形要有重疊,然後同時選取二個物件做「路徑」的相加
5)調整一下瓶底的弧度
調整底部
6)填上淺藍色
7)再製一個瓶身,在其上畫上一個矩形,然後同時選取二個物件做「路徑」的「交集」
8)移至瓶內,使用動態偏移來調整其大小
9)使用貝茲曲線畫出瓶身反光部份,如下圖,調整其曲線弧度
10)填上灰色,去除外框線,調整其透明度
11))再製一個後,使用水平翻轉,然後移至另一邊,填上白色
12)最後結果如下圖
仿openclipart練習--http://www.openclipart.org/detail/28360
原作者:maxim2
1)使用貝茲曲線畫出電吉他的琴身,填上黑色,接著使用路徑編輯工具來調整其曲線弧度,完成圖如下
如果您對貝茲曲線熟的話,可以直接拉出該曲線,站長技術差,所以都先描出大概的樣子再來調整
2)使用貝茲曲線來描出琴身反光部份,一樣調整曲線弧度
3)調整反光部份的模糊(約7.4)及透明度
4)使用矩形來畫出背帶釘(調整其弧角)並使用旋轉來調整角度
5)使用貝茲曲線來畫出弦拴、旋鈕(我忘了畫)及上琴頸,調整其弧度及漸層顏色
6)弦拴共有六個,請使用再製方式來複製
7)使用貝茲曲線來畫出琴頸並填上漸層的棕色
8)使用矩形加上旋轉來畫出琴格,透過再製及移動、調整大小來完成所有琴格
9)使用圓形工具來畫出下弦拴,並使用貝茲曲線來畫出琴弦(調整其寬度及顏色-白色-是外框顏色)
用圓形工具來繪製音量控制鈕,外圓使用漸層,內圓用黑色
10)完成作品如下
還有其他細節沒有畫到,有空再補上。
站長把家的電吉他拿出一看,還是有部份不同,所以做了以下的修改
1)加上了弦拴
2)下弦枕及琴橋
3)加上了拾音器
4)加上了背帶釘
5)完成圖如下,是不是更加專業了...,站長還加上保護板
國小五年級電腦課站長示範練習作品
咖啡盤參考以下網站
http://vector.tutsplus.com/illustration/creating-a-coffee-cup-with-inkscape/
1)使用五個楕圓來調整其圖層順序及漸層顏色
2)畫出二個楕圓,一大一小,一上一下,如下圖書
3)使用貝茲曲線畫出如下圖的梯形,再來使用路徑調整其弧度,然後刪除下方的楕圓形
4)杯子填上漸層顏色,再後把上方的楕圓再製後填上深棕色,調整大小及位置
5)再畫一個小楕圓,填上白色後調整其模糊
6)打上@及power by phcno1,調整字型及位置,使用再製填上黑色後移至下層
7)使用二個圓,功能表的減去功能來畫出握把,透過再製及垂直翻轉
8)再使用貝茲曲線畫出淺灰色部份,調整其曲線弧度,完成後如下圖
9)畫上煙就完成
1)使用圓形工具畫出頭出填上顏色
2)使用矩形工具畫出一矩形,填上紅色後轉成路徑,調整曲線-->圍巾
3)用貝茲曲線來畫出臉面,調整其弧度並填上白色
4)使用圓形加上旋轉來畫出眼睛、鼻子
5)用貝茲曲線來畫出一垂直線,調整其弧度
6)用貝茲曲線來畫出六條線段
7)用貝茲曲線來畫出嘴形,調整其弧度
8)用圓形工具畫出鈴鐺,填上黃色。中間部份使用矩形加上圓角後轉成路徑來調整其弧度
9)用貝茲曲線來畫出身形
10)調整其弧度後填上顏色,最後送到下層
填上不同顏色有不同的效果喔!
以下這個顏色是我兒子填的...
利用一個早上畫了這台腳踏車,尚未完成:
基本填色後
完成80%,加上煞車系統及彎把
詳部展示
1)使用貝茲曲線畫出Apple的外形,再透過編輯路徑工具來調整曲線
2)填上漸層,選擇由內向外,編輯顏色如下圖
3)再製一個外形填上黑色漸層,垂直翻轉置於下方
4)用貝茲曲線畫出枝部份
5)最後完成如下圖
這應該算是簡單的作業了...
這一章節要和各位來分享畫一隻小瓢蟲:
先用圓形工具畫一個橢圓形,填上橘色的漸層。
用矩形工具畫出一個矩形,將其轉成路徑後調整其弧度,接著再畫出二個橢圓,使用重疊後使用路徑的相加
接下來用圓形工具畫出二個白色小圓當眼睛,並用貝茲曲線畫出嘴巴及觸角,再用曲線工具來調整其弧度如下圖
用圓形工具畫出身上的斑點
再來用貝茲曲線畫出瓢蟲的其中一隻腳,其他則利用再製的旋轉工具來調整
最後用貝茲曲線畫出其反光處就完成了