codesign tutorial inkscape篇

12
Inkscape 簡易教學 http://www.codesign.space 1/12 v20160229

Upload: cspacetw

Post on 11-Apr-2017

636 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Codesign Tutorial inkscape篇

Inkscape

簡易教學http://www.codesign.space

1/12v20160229

Page 2: Codesign Tutorial inkscape篇

前言

● 適合誰?

○ 我有一個想法,我可以用筆畫下來,可是我沒有繪圖軟體、也不太會

用軟體來創作。

● 教學流程

○ 手繪圖⇨下載公版⇨軟體編輯⇨作品上傳。

2/12

Page 3: Codesign Tutorial inkscape篇

手繪圖

1. 手繪圖一張,白色紙,深色

筆,對比明顯能讓繪圖軟體

掃描更加精確。

2. 拍照存成電子檔。

3/12

Page 4: Codesign Tutorial inkscape篇

Inkscape繪圖

1. 前往http://www.inkscape.org/,INKSCAPE是一套open source的向量繪圖軟體,可以自由下

載,支援Windows,Mac,Linux等作業系統。

2. 下載適合的安裝檔案,並完成安裝。

3. 至http://www.codesign.space/,’創作規格’中下載創作公版。

4/12

Page 5: Codesign Tutorial inkscape篇

匯入檔案

1. 匯入公版。點選上方功能列

表/檔案/開啟/[選擇公版圖

檔] ,設定相關設定,”內嵌”、”預設匯入解析度”、”平滑”。

2. 匯入手繪圖檔。點選上方功

能列表/檔案/匯入/[選擇手

繪圖檔],並依相同設定匯

入。

5/12

Page 6: Codesign Tutorial inkscape篇

掃描成向量圖檔

1. 先點選匯入的手繪圖。

2. 點選上方功能列表/路徑/描繪點陣圖。

3. 於單次掃描的選項中,

測試最適合的參數設

定,可搭配即時預覽調

整。

6/12

Page 7: Codesign Tutorial inkscape篇

修正細節

1. 點選左側功能表的用節點編

輯路徑(F2),並點選掃描出來

的向量圖案,可拖拉節點或曲

線做細節的調整。

2. 拖曳節點(方形)、曲線,或是

調整曲度節點(圓形),調整圖

檔成想要的樣子。

快捷鍵

● Ctrl+Alt+點選曲線->增加節點

● Ctrl+Alt+點選節點->刪除節點

● Shift+C ->節點變尖角

● Shift+S -> 節點變平滑

7/12

Page 8: Codesign Tutorial inkscape篇

放大、填入顏色

1. 於紅框中創作。

2. 點選左側功能表的選取和變形

物件(F1),選擇手繪圖後,可放

大、縮小並移到適當的相對位

置。

3. 在點選手繪圖的狀態下,選擇

左側功能表的從影像汲取顏色

(F7),並在公版左下角的可用

顏料中選取喜歡的顏色。

4. 建立和編輯文字物件(F8),可新增文字。

8/12

Page 9: Codesign Tutorial inkscape篇

匯入PNG圖片

1. 點選功能列表/檔案/匯出PNG圖片。

2. 匯出範圍請選取頁面。確任圖

片尺寸為公版的3600*3600像素。

3. 點選匯出的路徑,檔名輸入

xxxxx.png、並且匯出。此時已

完成可上傳的電子檔。

9/12

Page 10: Codesign Tutorial inkscape篇

作品上傳

1. 開啟http://www.codesign.space

2. 申請一個Codesign帳號,點選

作品上傳。

3. Email請填選codesign登入用的

email,並填妥相關的創作作品

資料。

4. 作品送出後請等待一個工作天

上架。

10/12

Page 11: Codesign Tutorial inkscape篇

Tshirt

1. 作品上架後會收到mail通知,並

開始預購累積,預購累積完成

後,作品便會立即製作出貨。

2. 相關創作說明、細節請參考

http://www.codesign.space 。

延伸教學

● https://inkscape.org/en/doc/basic/tutorial-basic.zh_TW.html● https://inkscape.org/en/doc/advanced/tutorial-advanced.zh_TW.html

11/12

Page 12: Codesign Tutorial inkscape篇

Thank You

http://www.codesign.space

12/12