【Inkscape】SVG矢量图形编辑器
Inkscape目錄
- 一、Inkscape簡介
- 1.1 Inkscape簡介
- 1.2 矢量圖形的優點
- 3.3 參與開源
- 二、Inkscape下載與安裝
- 2.1 Inkscape下載
- 2.2 安裝
- 三、Inkscape使用
- 3.1 首次啟動
- 3.2 官方教程 - 基礎
- 3.3 官方教程 - 形狀
- 3.4 官方教程 - 高級
- 3.5 官方教程 - 臨摹
- 3.6 官方教程 - 臨摹像素圖
- 3.7 官方教程 - 書法
- 3.8 官方教程 - 插值
- 3.9 官方教程 - 設計元素
- 3.10 官方教程 - 提示與技巧
- 四、快捷鍵
- 4.1 界面操作
- 4.2 元素方向移動
- 4.3 元素層疊順序移動
- 4.4 元素選擇
- 4.5 畫布操作
- 4.6 文件創建和管理
- 4.7 形狀創建
- 4.8 限制鍵
- 4.9 對象變換
- 4.10 面板快捷鍵
- 五、基礎操作
- 5.1 矩形
- 5.2 橢圓形
- 5.3 星形和多邊形
- 5.4 螺旋形
- 5.5 路徑
- 5.5.1 創建和編輯路徑
- 5.5.2 子路徑，路徑合并
- 5.5.3 形狀和文字轉換為路徑
- 5.5.4 布爾運算，集合運算
- 5.5.5 路徑偏移，放大或縮小
- 5.5.6 路徑簡化，Ctrl + L ，減少路徑上的節點數量
- 5.5.7 描邊轉路徑應用實例
- 5.5.8 路徑反向
- 5.5.9 路徑擴展 - 插值
- 5.6 文字
- 5.6.1 文字輸入/編輯
- 5.6.2 文字沿路徑排列
- 5.6.3 文字填充到形狀
- 六、典型案例
- 6.1 普通圖片轉SVG
一、Inkscape簡介
1.1 Inkscape簡介
Inkscape是一個功能強大的開源桌面應用程序，用于創建二維可縮放矢量圖形。 盡管Inkscape主要是一種插圖工具，但它可用于各種計算機圖形任務。
Inkscape可以完成的操作種類繁多，有時令人驚訝。 它用于制作圖表，徽標，程序營銷材料，網絡圖形，甚至用于剪貼簿。 人們還繪制游戲精靈，制作橫幅，海報和小冊子。 其他人則使用Inkscape來草擬Web設計模型，印刷電路板的詳細布局或生成輪廓文件以發送到激光切割設備。
1.2 矢量圖形的優點
Inkscape的本機文件格式可縮放矢量圖形（SVG）是W3C的開放標準 。 矢量圖形由點和點之間的線組成。 在Inkscape中，這些稱為節點和路徑。 大多數矢量圖形工具使用戶能夠創建稱為“基本體”或形狀的路徑。 形狀實際上只是一條封閉的路徑。 諸如圓形，正方形，三角形和其他多邊形之類的形狀都廣泛用于創建矢量圖形。 計算機圖像的另一種主要類型是光柵圖形。 光柵圖形不是由路徑組成，而是由像素網格構成。 矢量圖形可以輕松轉換為柵格圖形，但是將柵格圖形轉換為矢量要困難得多。
柵格圖形的常見文件格式包括JPG，PNG，BMP和TIF。 數碼照片通常是作為光柵圖像而生的，因此最好在光柵圖形工具（例如GIMP或darktable）中對其進行編輯 。 但是，可以將光柵圖形導入到Inkscape中，以便在較大的矢量圖形項目中使用，方法是將其鏈接或直接將其嵌入到文件中。
使用矢量而不是光柵圖形的主要優點歸結為可伸縮性和文件大小，但是矢量方法并不適合所有用例。
幾乎任何其他矢量圖形工具都可以打開Inkscape用作本機文件格式的SVG格式，并且所有現代Web瀏覽器都可以查看SVG格式，這意味著SVG越來越多地用于Web和其他類型的數字設計中。
3.3 參與開源
Inkscape可通過GPL開源許可證獲得，并且該項目是Software Freedom Conservancy的成員。
自2003年以來，一小撮不斷變化的核心開發人員團隊一直在構建Inkscape，當時其代碼庫是從SodiPodi派生的，而SodiPodi本身就是GILL（由Raph Levien創建的GNOME插圖應用程序）的一個分支。 Inkscape網站邀請人們參與其中，并概述了人們可以參與的多種不同方式，例如編寫代碼本身，幫助網站，編寫文檔，生成示例圖形，創建教程，以及通常有助于推廣Inkscape無論何時何地。
二、Inkscape下載與安裝
2.1 Inkscape下載
下載 exe/msi/7z文件均可，我就下載exe了，可以直接安裝。
2.2 安裝
三、Inkscape使用
3.1 首次啟動
3.2 官方教程 - 基礎
3.3 官方教程 - 形狀
3.4 官方教程 - 高級
3.5 官方教程 - 臨摹
3.6 官方教程 - 臨摹像素圖
3.7 官方教程 - 書法
3.8 官方教程 - 插值
3.9 官方教程 - 設計元素
3.10 官方教程 - 提示與技巧
四、快捷鍵
4.1 界面操作
| 打開關閉右側屬性面板 | F12 |
4.2 元素方向移動
| 方向移動2px | 上下左右鍵 |
| 方向倍速移動 | Shift + 方向鍵 |
4.3 元素層疊順序移動
| 上移一層 | PgUp |
| 下移一層 | PgDown |
| 移至頂層 | Home |
| 移至底層 | End |
4.4 元素選擇
| 選擇下層元素 | Alt + 點擊 |
| 移動下層元素 | Alt + 鼠標拖動 / 方向鍵 |
| 全選元素 | Ctrl + A |
| 選擇相同類型元素 | Ctrl + Shitf + A |
4.5 畫布操作
| 平移畫布 | Ctrl + 箭頭 或 鼠標中鍵（點擊滾輪） 或 空格+鼠標移動 |
| 畫布縮放 | + - 或 Ctrl+滑動滾輪 或 Ctrl+右鍵 Shift+右鍵 |
4.6 文件創建和管理
| 新建文件 | Ctrl+N |
| 從模板新建文件 | Ctrl+Alt+N |
| 打開文件 | Ctrl+O |
| 保存文件 | Ctrl+S |
| 文件另存為 | Shift+Ctrl+S |
| 多文件窗口切換 | Ctrl+Tab |
4.7 形狀創建
| 矩形 | R 或 F4 |
| 3D盒子 | X 或 Shift+F4 |
| 圓，橢圓，圓弧 | E 或 F5 |
| 星形，多邊形 | * |
| 螺旋 | I 或 F9 |
| 手繪線 | P 或 F6 |
| 貝塞爾曲線，直線 | B 或 Shift+F6 |
| 貝塞爾曲線，斷開節點 | Shift + B |
| 貝塞爾曲線，連接斷開的節點 | Shift + J |
| 書法或筆刷輪廓 | C 或 Ctrl+F6 |
| 文字 | T 或 F8 |
| 裝飾對象 | A 或 Shift + F3 |
| 擦除現有路徑 | Shift+E |
| 填充封閉區域 | U 或 Shift+F7 |
| 逐漸漸變 | G 或 Ctrl+F1 |
| 從圖像中拾取顏色 | D 或 F7 |
| 流程圖連接器 | o 或 Ctrl+F2 |
| 選擇工具 | S 或 F1 或 Esc |
| 選擇節點編輯 | N 或 F2 |
| 扭曲對象 | W 或 Shift+F2 |
| 測量工具 | M |
| 縮放工具 | Z 或 F3 |
4.8 限制鍵
執行操作時，加上Ctrl 鍵，可以鎖定縱橫比，旋轉的角度
4.9 對象變換
|選擇對象后：
- < 和 > 可以控制縮放，默認縮放變化是 2px
- [ 和 ] 可以控制旋轉，默認旋轉 15°
- 加 Ctrl 鍵，縮放變化可以變大，旋轉角度變為 90°
- 加 Alt 鍵，微調縮放和旋轉，以一個屏幕像素
4.10 面板快捷鍵
| 填充和筆刷 | Ctrl+Shift+F |
| 變換 | Ctrl+Shift+M |
| 對齊和分散 | Ctrl+Shift+A |
| 對象和屬性 | Ctrl+Shift+O |
| 符號 | Ctrl+Shift+Y |
| 文字和字體 | Ctrl+Shift+T |
五、基礎操作
5.1 矩形
繪制矩形時，按Shift+拖動，會以當前光標點的位置為中心點，向四周擴張。
繪制矩形時，按Ctrl+拖動，會以固定比例（1：1、1：2、1：3 …）來繪制矩形。
5.2 橢圓形
5.3 星形和多邊形
5.4 螺旋形
5.5 路徑
5.5.1 創建和編輯路徑
5.5.2 子路徑，路徑合并
5.5.3 形狀和文字轉換為路徑
5.5.4 布爾運算，集合運算
5.5.5 路徑偏移，放大或縮小
①對象轉換為路徑；
②Ctrl+D復制路徑，填充另外的顏色；
③連續按Ctrl+(，向內偏移，上層路徑向內收縮，露出下層路徑。
向外偏移 Ctrl + ) ，操作步驟同向內偏移，只是快捷鍵不同
動態偏移 Ctrl + J ， 操作步驟：
①②同前
③按Ctrl+J，上層路徑頂部出現一個節點，拉動節點可以放大/縮小路徑，相當于向內偏移和向外偏移的合體
鏈接偏移 Ctrl + Alt + J ， 含義：源路徑發生變動，鏈接路徑同步變動。操作步驟：
①對象轉換為路徑，此時，藍色為源路徑；
②不用復制路徑，直接 Ctrl+Alt+J，會在藍色源路徑底層產生一個新的鏈接路徑，填充橙色。注意，此時橙色為下層鏈接路徑；
③移出鏈接路徑，利用節點工具查看，源路徑有若干節點，鏈接路徑只有頂部一個節點
④調整源路徑節點，鏈接路徑會同步變動
鏈接路徑調整尺寸后，依然可以和源路徑同步變化
源路徑調整尺寸，鏈接路徑同步變化尺寸
鏈接路徑頂部的一個節點為動態偏移節點，可以放大或收縮路徑
如果想解除鏈接路徑和源路徑的同步關系，可以執行 對象轉化為路徑 命令，它就會轉化為普通路徑，出現若干節點。
5.5.6 路徑簡化，Ctrl + L ，減少路徑上的節點數量
5.5.7 描邊轉路徑應用實例
最終效果圖
操作步驟
①繪制矩形/正方形，填充藍色
②對象轉路徑，依次選中下方兩個節點，按Shift鍵，向內側移動4次，形成等腰梯形
③給等腰梯形添加一個較粗的描邊，使描邊四角形成圓弧
④描邊轉路徑，在描邊的內外側各生成一個子路徑
⑤分離子路徑，解除群組，刪除內部路徑，只保留外部路徑，填充藍色，Ctrl+D復制一個，內部圓角梯形就做好了。
⑥利用上面復制的圓角梯形做箭頭。給其中的一個添加一個較粗的描邊，使其內外拐角處均為圓弧
⑦利用節點選擇工具將不需要的節點刪除，選中末端的兩個節點，移除兩個非端點節點間的線段，截斷描邊
⑧再次描邊轉路徑，最右側中間添加一個節點，向外拉出箭頭的頭部端點，然后在箭頭的末端上下各增加一個節點
⑨拉出箭頭的兩翼
⑩拼合圖形，完工。
5.5.8 路徑反向
5.5.9 路徑擴展 - 插值
①繪制圓形和五角星，頂端對齊，設置填充，描邊。注意，它們的起始節點都在右側。
②是否勾選再制一份終點路徑
③插值指數，上1，下-1
④插值步數，上5，下3
⑤插值方式，上1，下2
⑥是否勾選插值樣式
⑦勾選實時預覽
①直線繪制一段折線，Ctrl+D復制，居中對齊，描邊改成不同顏色
②選中兩條路徑，擴展 - 從路徑生成 - 插值， 步數改為200，勾選插值樣式
復制拼接效果
插值應用 - 花瓶
①繪制一條曲線，Ctrl+D復制，對象-水平翻轉，上下居中對齊
②選中兩條路徑，擴展 - 從路徑生成 - 插值， 步數改為220
插值應用 - 彩色花瓶
5. 插值應用 - 衍射
5.6 文字
5.6.1 文字輸入/編輯
5.6.2 文字沿路徑排列
5.6.3 文字填充到形狀
六、典型案例
6.1 普通圖片轉SVG
總結
以上是生活随笔為你收集整理的【Inkscape】SVG矢量图形编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Scala下载及IDEA安装Scala插
- 下一篇： 数字图像处理课程设计