Extreme Pattern

小小建議

IE 本身不支援 SVG，同時不支援 PNG alpha transparency 功能，因為這只是練習，所以不打算針對 IE 做些專門修改，強烈推薦 firefox 瀏覽。

練習練習練習

為了保持熟練，這裡將會不斷留下練習的結果。

道繁客

基本的中文字排列。

my_1_exp.svg

肥源力

Fource = Fat + Source

my_2_fource.svg

速度感

距離除以時間，每個人感受不同，速限在哪裡 ?

my_3_maxspeed.svg

安心感

距離除以時間，沒有一定的速度，哪裡都去不了。

my_4_minspeed.svg

需要幫助

幫忙找書 的事一直在心上，所以做個圖增加印象，同時也是練習，為求輸出 PNG 可以不輸出下面的方形白色區，採用物件 Difference 做法，切掉下面的方形。

my_5_needhelp.svg

天

善惡兩極，盡歸於天，參閱 祆教 說明。

my_6_zoroast.svg

小小建議

IE 本身不支援 SVG，同時不支援 PNG alpha transparency 功能，因為這只是練習，所以不打算針對 IE 做些專門修改，強烈推薦 firefox 瀏覽。

緣起

Inkscape 是個開放的 SVG 編輯軟體，雖然目前功能不及商業版本，不過免費的特性，讓大家可以自由下載享受動手作 SVG 的樂趣。

紅十字加點

基本設定與劃出十字的圖案，下為匯出的PNG檔。

運行的過程請參考 ink_1_redcrossdot screencast

1. 開啟 Inkscape
2. 改大小
3. 取 320×180
4. 放大符合視窗
5. 秀格線
6. 改格線大小
7. 畫底方形
8. 變更底色與邊框
9. 調整方形圓角
10. 加十字橫
11. 加十字豎
12. shift 將兩個方形一起選後合併成單一路徑
13. 加個小點
14. 採用漸層
15. 設定文件 metadata
16. 存檔
17. 匯出成 PNG 檔

ink_1_redcrossdot.svg

原點

畫圖如果需要比較精確的定位，就需要自訂參考線 Guide Line。準備 320×180 開畫，下為匯出的PNG檔。

運行的過程請參考 ink_2_origin screencast

1. 要拉參考線需要從尺規處開始拉
2. 拉完可以看到參考線
3. 可以編輯到精確位置
4. 換拉水平參考
5. 改中間 90
6. 畫三角形
7. 做副件
8. 變形
9. 先倒過來
10. 先左移 50 看看
11. 再加碼 10
12. 換邊做一次
13. 換個顏色會所以副件一起改
14. 再下拉 10

ink_2_origin.svg

links

Inkscape 官方網站

A Guide to Inkscape 一定要看

Open Clip Art Library 必去之處

Plant Inkscape 網站匯集

TedPage blog

Inkscape 基本功能簡報

TODO

尼伯龍根的指環

女武神 Valkyrie Warrior