向量設計
向量設計是 2D 圖面的另一種介面,照 Illustrator:選單列、左側工具列、灰色畫布上的白色工作區域、右側內容面板。和 CAD 製圖是同一份圖面。這個工作區還在早期階段,下面清楚標出哪些可用。
進入
- 首頁「建立 › 2D 製圖」,樣板選「向量設計:A4 工作區域(Illustrator)」。
- 或在任何 2D 圖面的右上角、狀態列切換工作區「CAD 製圖 ⇄ 向量設計」。每個設計會記住上次用的工作區。
- 選取在兩個工作區共用,切換時保留。
工具
單鍵同 Illustrator。下表由程式碼自動產生。
| 工具 | 單鍵 | Illustrator 名稱 |
|---|---|---|
| 選取工具 | V | Selection Tool |
| 直接選取工具 | A | Direct Selection Tool |
| 群組選取工具 | 無 | Group Selection Tool |
| 套索工具 | Q | Lasso Tool |
| 直接選取套索工具 | 無 | Direct Selection Lasso Tool |
| 鋼筆工具 | P | Pen Tool |
| 增加錨點工具 | + | Add Anchor Point Tool |
| 刪除錨點工具 | - | Delete Anchor Point Tool |
| 錨點工具 | Shift+C | Anchor Point Tool |
| 曲率工具 | Shift+~ | Curvature Tool |
| 線段工具 | \ | Line Segment Tool |
| 矩形工具 | M | Rectangle Tool |
| 橢圓形工具 | L | Ellipse Tool |
| 繪圖筆刷工具 | B | Paintbrush Tool |
| 點滴筆刷工具 | Shift+B | Blob Brush Tool |
| 鉛筆工具 | N | Pencil Tool |
| 平滑工具 | 無 | Smooth Tool |
| 路徑橡皮擦工具 | 無 | Path Eraser Tool |
| 旋轉工具 | R | Rotate Tool |
| 鏡射工具 | O | Reflect Tool |
| 縮放工具 | S | Scale Tool |
| 寬度工具 | Shift+W | Width Tool |
| 橡皮擦工具 | Shift+E | Eraser Tool |
| 連接工具 | 無 | Join Tool |
| 形狀建立程式工具 | Shift+M | Shape Builder Tool |
| 符號噴灑器工具 | Shift+S | Symbol Sprayer Tool |
| 文字工具 | T | Type Tool |
| 垂直文字工具 | 無 | Vertical Type Tool |
| 漸層工具 | G | Gradient Tool |
| 滴管工具 | I | Eyedropper Tool |
| 工作區域工具 | Shift+O | Artboard Tool |
| 手形工具 | H | Hand Tool |
| 縮放顯示工具 | Z | Zoom Tool |
畫圖與選取
- 矩形 M、橢圓 L:拖曳畫出。Shift 正方形或正圓,Alt 從中心畫。新物件用目前的填色與筆畫(預設白填色、黑色 1 pt 筆畫),畫在目前圖層。
- 選取 V:點選,Shift 加減選,框選碰到即選。選取後有定界框:8 個控制點縮放,角落外側旋轉。
- 直接選取 A:選錨點。群組選取:工具列按鈕。雙擊群組進入隔離模式,上方會出現路徑列。
- 旋轉 R、鏡射 O、縮放 S:點一下設基準點,拖曳變形。Alt 加點開對話框輸入數值。
- 線段工具 \:拖曳畫一條直線(即時形狀)。Shift 限制在 45° 的倍數,Alt 從中心往兩邊畫。點一下開「線段工具選項」:長度、角度、填滿線段(勾了才保留填色;預設只有筆畫),從點的位置往角度方向畫(Alt+點=點的位置是中點)。上次的值會記住。
- 移動:方向鍵移動一個鍵盤增量,Shift 十倍,Alt 拷貝後移動。Enter 開移動對話框。鍵盤增量在「編輯 › 偏好設定 › 一般…」(Ctrl+K)設定,預設 1 pt;同一個對話框有「縮放筆畫和效果」。偏好設定存在這份文件裡。
- 智慧型參考線 Ctrl+U:移動時對齊其他物件與工作區域的邊和中心。
- 內容面板:變形欄位(X、Y、寬、高、角度)、對齊、填色與筆畫。
- 工作區域工具 Shift+O:拖出新的工作區域。
- 縮放顯示:Ctrl+0 符合工作區域、Alt+Ctrl+0 全部符合、Ctrl+1 100%(1 pt 一個螢幕像素)、Ctrl+=、Ctrl+-。
選取、變形與對齊
- 套索 Q(Lasso Tool)與直接選取套索:自由形狀圈選,兩者行為相同,選的是錨點和線段,同 Illustrator。物件的錨點全部被圈住=整個物件被選取;只圈住一部分錨點=部分選取(被圈住的錨點是實心);只有線段穿過、沒有錨點在內=選到那一段線段。Shift 加選,Alt 減選,沒按修飾鍵=取代原本的選取。鎖定或隱藏的物件不會被選到。
- 選取 › 相同:依填色與筆畫、填色顏色、筆畫顏色、筆畫寬度、不透明度、外觀、繪圖樣式選出相同的物件,或選同一圖層上的全部。
- 變形:「物件」選單的「移動…」「旋轉…」「鏡射…」「縮放…」開對話框輸入數值,可以勾「拷貝」。Ctrl+D 變形重複,「重設定界框」把轉過的界框歸正。內容面板的 X、Y、寬、高、角度可以直接輸入,也能連結寬高保持等比。
- 對齊(內容面板):水平、垂直對齊,均分,以及均分間距。「對齊至」可選「對齊選取範圍」、「對齊關鍵物件」(先點一下選取中的某個物件,把它當關鍵物件)或「對齊工作區域」。
鋼筆工具
- 鋼筆 P、增加錨點 +、刪除錨點 -、錨點 Shift+C 在工具列的同一格,曲率 Shift+~ 在另一格。按住那一格約半秒、按右鍵或點角落的小三角形,展開工具群組;Alt 點那一格換成群組裡的下一個工具。
- 鋼筆:點一下放尖角錨點,拖曳放平滑錨點(兩側把手對稱)。拖曳時 Shift 限制在 45° 的倍數;拖到一半按 Alt 打斷把手,只動往外的那一支;按住 Space 移動整個錨點。游標移到起點(出現 o)點一下封閉路徑。點最後一個錨點收回它的把手。點另一條開放路徑的端點,把兩條接起來。沒在畫的時候點開放路徑的端點,可以接著往下畫。
- 在選取的路徑上,鋼筆點線段=增加錨點,點錨點=刪除錨點;按住 Shift 則改成開始新路徑。按住 Alt 暫時變成錨點工具,按住 Ctrl 暫時變成直接選取:畫到一半 Ctrl 點,已畫的部分先建立並選取,路徑保持開放,可以拖它的錨點或把手調整後接著畫;Ctrl 點空白處或別的物件=結束這條路徑。
- Enter 或 Esc 完成路徑,保留已畫的部分。Backspace、Delete 或 Ctrl+Z 刪掉最後一個錨點,Shift+Ctrl+Z 把剛刪掉的錨點加回來(只在這條路徑裡,不動文件的復原記錄)。整條路徑是一個復原步驟。智慧型參考線(Ctrl+U)開著時,會吸附 4 像素內的錨點。
- 增加錨點、刪除錨點:點線段增加錨點,形狀不變;點錨點刪除,相鄰的曲線重新擬合。按住 Alt 兩者互換。
- 錨點工具:點平滑錨點轉成尖角;從錨點拖曳拉出對稱的把手;拖單一支把手只動那一支(Shift 限制 45°);直接拖線段改變彎度,直線段也可以拖彎。
- 曲率工具:每點一下加一點,曲線通過所有的點。Alt 點或雙擊點,切換尖角與平滑;拖曳點移動;點線段加點;點第一點封閉。也能編輯已選取的路徑。每一點是一個復原步驟。
- 鎖定、隱藏的物件與文字不能用這些工具編輯。
填色、筆畫與顏色
- 填色與筆畫:工具列下方兩個重疊的方塊。在前面的那個,就是色票面板、顏色面板和快捷鍵要改的對象。X 切換前後,Shift+X 互換填色與筆畫的顏色,D 回到預設(白填色、黑色 1 pt 筆畫),/ 設成無,, 回到上次用的顏色。雙擊方塊開拾色器。改的是選取的物件,也是之後新物件的外觀;每次修改是一個復原步驟。
- 拾色器:色彩方塊加色相條,數值欄有 HSB、RGB、十六進位與 CMYK。超出印刷色域或不是網頁顏色時會出現警告圖示,點一下改成最接近的顏色。可以勾「只限網頁色彩」。「顏色色票」切換成色票清單。
- 顏色面板 F6:色彩模式有灰階、RGB、HSB、CMYK、網頁安全 RGB,在面板選單切換(會記住);選單另有負片與補色。下方有無、黑、白與色譜條。目前的顏色是全域色票時,面板只顯示色票名稱與色調滑桿。
- 等比調整:RGB、網頁安全 RGB 與 CMYK 模式下,按住 Shift 拖曳一個滑桿(或按 Shift+方向鍵),其他滑桿依比例一起移動。HSB 與灰階不適用。
- 用鍵盤操作:色譜條可以用 Tab 聚焦,←→ 改色相、↑↓ 改明暗(Shift 加大步距),每次按鍵是一個復原步驟。拾色器的色彩方塊用方向鍵調飽和度與亮度,色相條用方向鍵調色相(Shift=10 倍)。顏色與色票面板的 ☰ 選單打開後,焦點在第一項,↑↓、Home/End 移動,Esc 關閉並回到 ☰ 按鈕。
- 色票面板(「視窗 › 色票」):預設有基本色、色相環、大地色與灰階群組。點色票套用到前面的方塊。全域色票(角落有白色三角形)以名稱連結:改色票,所有用到它的物件一起更新,也可以設色調。特別色一定是全域色票。面板選單有新增色票、新增色彩群組(從選取的色票或圖稿)、複製色票、刪除色票(用到它的物件改成一般顏色)、解散色彩群組、選取全部未使用的色票、加入使用的顏色、依名稱排序、縮圖或清單檢視、色票選項。在「色票選項」取消勾選「全域」,用到它的物件保留目前的顏色(含色調),之後不再跟著這個色票變(同 Illustrator);特別色一定是全域。色票面板可以用 Tab 進入,方向鍵在色票之間移動,Home/End 到第一個或最後一個,Enter 或 Space 套用(同點一下)。
- 交換色票:面板選單「開啟色票資料庫」讀入 .ase 或 .json;「轉存色票為 ASE」「轉存色票資料庫(JSON)」輸出選取的色票,沒有選取就輸出全部。
- 漸層見漸層;一個物件的多個填色與筆畫見外觀面板。
漸層
- 漸層面板:「視窗 › 漸層」或 Ctrl+F9。點縮圖把漸層套用到選取的物件;「漸層色票」下拉選內建或自己存的漸層,+(新增漸層色票)把目前的漸層存成色票,也會出現在色票面板。「填色或筆畫」決定套用到填色還是筆畫(和工具列前後方塊的 X 是同一個設定;沒有筆畫時會建立 1 pt 的筆畫)。
- 類型:線性漸層、放射漸層、任意形狀漸層。線性與放射互換時保留色標;轉成任意形狀時,色標變成色彩點。
- 線性與放射:角度(−360 到 360°)、長寬比(放射,1–10000%)、⇄ 反轉漸層。點色標列新增色標(最多 64 個),拖曳移動,往下拖離色標列刪除(至少留 2 個);色標列上方的菱形是中點,可以拖曳。選到的色標可以改顏色、不透明度、位置,或按 🗑 刪除。
- 任意形狀:用色彩點上色。漸層面板的「繪製」選「點」或「線條」。點模式:用漸層工具在物件上點一下新增色彩點,顏色取那個位置的顏色(最多 64 個)。選到的點可以改顏色、不透明度、擴散,或刪除(至少留 1 個)。面板的模式只有「點」,「線條」模式尚未提供。線條模式:先點一個色彩點選取它,再用漸層工具點物件,新的點會接在選取的點後面連成線(一直點下去就是一條折線);Shift+點=不連線、開始新的一條。顏色沿線段漸變,再往外擴散;不在線上的點照點模式作用。刪掉線上的點時,線跟著縮短(少於 2 點的線拿掉)。切回點模式會拿掉所有的線。
- .:把上次用的漸層套用到選取物件的前方填色或筆畫(同工具列的「漸層(.)」按鈕),預設是「White, Black」。
- 漸層工具 G:在選取的物件上拖曳,設定方向與長度(線性=起點到終點,放射=中心到半徑),Shift 限制在 45° 的倍數;物件還沒有漸層時先套用上次的漸層。物件上的漸層註解器可以拖原點、終點、旋轉、色標與中點;放射另有長寬比與焦點的控制點。Ctrl+Alt+G 或「檢視 › 隱藏漸層註解器/顯示漸層註解器」切換。漸層工具作用中時,Delete(或 Backspace)只刪選到的色標或色彩點;沒有選到時什麼都不做,不會刪掉物件。
- 在物件上修改漸層不會改到色票本身(下拉顯示「已編輯」)。每次修改是一個復原步驟,一次拖曳合成一步。
- 轉存:SVG 的線性與放射是原生漸層,任意形狀(點與線條模式)轉成內嵌影像並提示;PDF 的任意形狀轉成網格著色,色彩點的不透明度不輸出。DXF 與 CAD 工作區用漸層的平均色。
外觀面板
- 「視窗 › 外觀」或 Shift+F6。列出選取物件的筆畫與填色,上面的在前面;每一列有顏色、漸層標示、筆畫寬度與不透明度,最後一列是物件的不透明度。一個物件可以有多個填色與筆畫(最多 64 個項目)。
- 眼睛隱藏或顯示一個項目,拖曳調整順序。選一個項目後可以改顏色(漸層項目請在漸層面板改)、筆畫寬度、不透明度,或上移、下移。
- 下方的按鈕:新增筆畫、新增填色、清除外觀(移除全部項目,以及物件不透明度、混合模式與效果)、縮減為基本外觀(只留第一個筆畫與第一個填色)、複製選取的項目、刪除選取的項目。選取的物件外觀不同時(混合外觀),只能新增、清除、縮減與改物件不透明度。
- 標頭:選取一個物件時顯示它的種類:路徑(矩形、橢圓等形狀也是路徑)、複合路徑、複合形狀、剪裁群組、文字、符號實例。
- 群組:選取一個群組時,標頭是「群組」,下面有「內容」列。群組本身沒有外觀(Synhedra 還沒有群組層級的填色與筆畫),按「內容」才編輯群組裡物件的外觀,不會默默改到裡面的物件。
- 效果:物件的效果列在不透明度上面(例如「fx 製作陰影」)。點名稱重新開對話框修改,✕ 刪除。見效果。
效果
- 「效果」選單:路徑 › 位移複製…、風格化 › 製作陰影…、風格化 › 圓角…。效果是即時的:只改畫面,路徑本身不變(同 Illustrator),之後在外觀面板改或刪。一個物件最多 8 個效果,依清單順序套用。
- 位移複製:外框往外(正值)或往內(負值)位移,轉角可選尖角、圓角、斜角與尖角限度。往內位移到沒有面積時物件不畫。
- 製作陰影:不透明度、X/Y 位移、模糊、顏色;陰影畫在物件後面。Y 位移正值往上(Synhedra 的座標;Illustrator 對話框的正值是往下)。模糊用幾個略為錯開的半透明複本近似,邊緣不像 Illustrator 那麼柔和。
- 圓角:每個尖角錨點套同樣半徑的圓角(太大時用放得下的最大半徑)。
- 套用上次的效果 Shift+Ctrl+E:同樣的參數再套一次;上次的效果… Alt+Shift+Ctrl+E:用上次的參數開對話框。
- 距離的單位是 pt,依工作區域比例換算;選取群組時套到群組裡的每個物件。
- 轉存 SVG、PDF 與 DXF 不含效果(寫出原本的路徑並提示)。羽化、高斯模糊等其他效果即將推出。
繪圖模式
- 工具列下方的三個按鈕:一般繪圖、背後繪圖、內部繪圖。Shift+D 依序切換(沒有剛好選取一個可用的目標時,跳過內部繪圖)。只影響矩形、橢圓形、鋼筆、曲率、文字與垂直文字工具畫出的新物件,不影響選單指令與貼上。重新整理頁面後回到一般繪圖。
- 背後繪圖:新物件畫在選取物件中最下面那個的下面(同一個群組與圖層);沒有選取時畫在最下面。
- 內部繪圖:先選取一個封閉路徑(可以是複合路徑)或剪裁群組,目標四角會出現虛線框。畫出的第一個物件會把目標變成剪裁遮色片(遮色片保留自己的填色與筆畫),之後畫的都放進同一個剪裁群組。目標被刪除時回到一般繪圖。
圖層面板
- 「視窗 › 圖層」或 F7。由上到下列出圖層、子圖層、群組與物件,前面的物件在上面。
- 眼睛切換顯示(Alt 點=只顯示這個圖層,再點一次全部顯示),鎖頭切換鎖定,子圖層跟著變暗,但各自的眼睛與鎖頭狀態保留,上層恢復時跟著恢復。隱藏或鎖定之後,選取中看不到或被鎖住的物件會取消選取。雙擊名稱改名。
- 外框模式:Ctrl 點(Mac 用 ⌘)圖層的眼睛,這個圖層(含子圖層)切換外框模式與預覽;眼睛變成空心,只改顯示,選取不變,可以復原。
- 點圖層列設為目前圖層,新物件畫在這裡。右側的目標圓圈選取那個物件,或那個圖層上全部可選的物件(Shift 加選或減選)。
- 把圖層拖到另一個圖層的上方、下方或裡面(變成子圖層);把物件拖到圖層列上,移到那個圖層;在同一個群組或同一個圖層內拖曳物件,調整前後順序。Esc 取消拖曳。
- 面板下方有定位物件、建立或釋放剪裁遮色片、建立新子圖層、建立新圖層、刪除。0 與 Defpoints 圖層不能刪除;仍被符號或圖塊定義(或配置)使用的圖層也不能刪除;刪除有內容的圖層前會確認。
- 用鍵盤操作:圖層清單是一個 Tab 停駐點。↑↓ 移動,Home/End 到第一列或最後一列,→ 展開、← 收合(已收合時回到上層),Enter 或 F2 改名,Space=目標圓圈(選取這一列的內容),Shift+Space 加選或減選。
- 面板選單(≡):新增圖層…、新增子圖層…(建立後立刻開圖層選項)、「名稱」的選項…、收集到新圖層、釋放到圖層(順序)、釋放到圖層(構建)、定位物件。「收集到新圖層」把選取的物件(同一個圖層、不在群組裡、沒有鎖定)移到那個圖層頂端的新子圖層;沒有選取時,把反白的圖層包進一個新的上層圖層。「釋放到圖層」把反白的圖層或群組(或選取的一個群組)裡的每個物件放到各自的新子圖層;「構建」則每一層多累加一個物件(用複本),最上層是原本的物件。
- 圖層選項:面板選單,或雙擊圖層列名稱以外的地方(雙擊名稱是改名)。有名稱、顏色(預設色或自訂)、範本、顯示、預視、鎖定、列印與影像變暗至(0–100%,目前只記錄數值,畫面不會變暗)。勾「範本」會鎖定圖層、不列印,SVG 與 PDF 轉存時略過;取消「預視」=外框模式。圖層「0」不能改名。
- Ctrl+L:新增圖層(放在目前圖層上方並設為目前圖層);要同時開圖層選項請用面板選單的「新增圖層…」。
路徑管理員
- 「視窗 › 路徑管理員」或 Shift+Ctrl+F9。
- 形狀模式:聯集、減去上層、交集、差集。直接點按鈕產生新的路徑。按住 Alt 點則建立即時的複合形狀:原本的物件保留,可以用直接選取或隔離模式繼續編輯,結果即時更新;「展開」把它變成一般路徑。面板選單也有建立、釋放與展開複合形狀。
- 路徑管理員:分割、修邊、合併、裁切、外框、依後減前。
- 聯集、分割、外框、修邊、合併至少要選 1 個物件,其他要 2 個。群組先合成一個運算元。選取中有鎖定或隱藏的物件時不會執行;文字請先建立外框(Shift+Ctrl+O)。結果是空的時圖稿不變,並會提示。每個按鈕是一個復原步驟。
路徑工具
- 寬度工具 Shift+W:沿著筆畫拖曳,改變那一段的寬度,產生寬度描述檔。只作用在以 pt 為單位的向量筆畫;出圖線寬要先在筆畫面板改成 pt。筆畫面板的「描述檔」下拉有均勻、尾端漸細、起點漸細、透鏡、菱形、單側、凸起,手拖出來的是「自訂(寬度工具)」。
- 橡皮擦 Shift+E(Eraser Tool):拖曳擦除。預設圓形筆刷,直徑 10 pt,Alt 拖曳改成矩形。有填色的封閉路徑,被擦到的部分會挖掉,剩下不相連的部分各成一個物件;開放路徑和沒有填色的路徑,被擦到的那一段刪掉,剩下的每一段各成一個物件。文字、圖塊與群組本身不處理。
- 連接工具(Join Tool,無單鍵):在兩個開放端點之間來回刷過,把它們接起來。兩條路徑在端點附近交叉時,會在交點修剪多出來的尾巴,再接起來;同一條路徑的兩端都刷到,就把它封閉。
- 虛線:筆畫面板勾「虛線」,輸入虛線與間隔長度。兩種模式:保留精確的虛線和間隔長度,或把虛線對齊轉角與路徑端點、微調長度以符合。筆畫也可以加箭頭。虛線面板的結果會寫成 DXF 線型。
- 位移複製:「物件 › 路徑 › 位移複製…」。輸入位移、轉角(尖角、圓角、斜角)和尖角限度,勾「預視」先看結果。位移的絕對值不超過 100000。往內縮得比形狀還大時,結果是空的,會提示。
- 外框筆畫:「物件 › 路徑 › 外框筆畫」把筆畫轉成填色的外框,包含寬度描述檔、虛線和箭頭。選取的物件沒有筆畫時會提示。
- 簡化:「物件 › 路徑 › 簡化…」。調「曲線精確度」、「轉角角度臨界值」,或勾「轉換為直線」,勾「預視」即時看結果。
- 連接工具、橡皮擦等工具在左側工具列,按住或展開工具群組就會看到。
文字工具
- 文字工具 T 和垂直文字工具(工具列,無單鍵)。點下去做什麼,看點在哪裡:
- 點狀文字:點在空白處,那一點是第一行文字的基線起點。
- 區域文字:在空白處拖曳(超過約 6 螢幕像素)畫出矩形文字框;或點在封閉路徑的填色範圍內或邊上,那條路徑會換成文字框。
- 路徑文字:點在開放路徑的筆畫附近(約 4 像素),文字沿著路徑排。
- 編輯:點在既有的向量文字上,游標就放在那裡繼續打字。鎖定或隱藏的物件不會被點到。
- 垂直文字:用垂直文字工具,文字直排。
- 串連:文字框放不下時會出現溢排標記。點一下標記,再拖曳出新的文字框,或點另一個空的區域文字物件,就把文字串連過去。
- 字元與段落:選單「文字」開字元與段落面板,設字型、字級、行距、對齊等。旋轉過的區域文字,字照框實際的角度排。
- 建立外框 Shift+Ctrl+O:把選取的文字轉成路徑(在「物件」選單)。轉完就不能再改字。
- 繁體中文:有禁則處理,台灣慣用的置中標點不做擠壓,維持全形寬度。
置入、轉存與剪貼簿
- 置入:「檔案 › 置入…」(Shift+Ctrl+P)把 SVG、PDF 或 .ai 檔(PDF 相容的 Illustrator 檔)放進目前的圖面。「檔案 › 開啟…」(Ctrl+O)則是把檔案開成新文件。
- 轉存:「檔案 › 轉存 SVG…」輸出目前的工作區域。「檔案 › 轉存 PDF…」(Ctrl+P)每個工作區域輸出一頁,可選向量圖稿,或選「出圖圖紙」(一個工作區域=一張圖紙加一個鎖定視埠,套用出圖型式與線寬);勾「保留編輯能力」會把原生資料嵌進檔案,讀回時完整還原。PDF 與 SVG 的剪裁遮色片預設以剪裁路徑輸出,少數檢視器會忽略它,這時勾「展開剪裁」。DXF 在「檔案」選單。本站設定了雲端硬碟時,「檔案」選單另有「從雲端硬碟開啟…」「儲存到雲端硬碟…」「另存到雲端硬碟…」(唯讀的圖面不能存),見第三方雲端硬碟。
- 轉存為螢幕適用:「檔案 › 轉存為螢幕適用…」(Alt+Ctrl+E)。選全部、範圍或個別的工作區域,或完整文件。每一列格式有縮放(0.5x–4x、512w、512h、72/150/300ppi 等)、後置字串(自動加上 @2x、-512w 之類,可以改)與格式:PNG、JPG、SVG、PDF。SVG 與 PDF 是向量格式,依工作區域的實際尺寸輸出,不看縮放。可以設前置字串與背景顏色(透明、白、黑;PNG、JPG、SVG 與 PDF 都套用,SVG 與 PDF 會加一個滿版的底色矩形)。有 JPG 時可以設「JPG 品質」(預設 80),JPG 沒有透明,透明背景改成白色。超過一個檔案時預設打包成一個 ZIP(「超過一個檔案時打包成 ZIP」,最多 1000 個檔案;總大小上限依這台機器的記憶體,是 128 MB、256 MB 或 512 MB);不打包就逐一下載。
- 轉存為 PNG:「檔案 › 轉存為 PNG…」。選解析度(72、150、300 或其他 ppi)、背景(透明、白、黑)與消除鋸齒(無、最佳化線條、最佳化文字),可以用工作區域,或不用工作區域、輸出整份文件。
- PNG 的 72 ppi=1x,1 pt 是一個像素。單邊超過 16384 像素時會等比縮小並提示。「轉存為 PNG」的多個檔案逐一下載,不會打包成 ZIP。
- 剪貼簿:Ctrl+C 複製、Ctrl+X 剪下、Ctrl+V 貼上,另有貼至上層 Ctrl+F、貼至下層 Ctrl+B、原地貼上 Shift+Ctrl+V、貼至全部工作區域 Alt+Shift+Ctrl+V(都在「編輯」選單)。在 Synhedra 內複製貼上用原生格式,不失真。對外會寫入 SVG(瀏覽器支援時)和純文字,所以可以貼到別的軟體。
- 貼上時會依序嘗試原生格式、SVG、文字裡的 SVG、純文字(變成文字物件)。純文字如果只是網址或圖片標籤,不處理,也不會連網去抓圖。文字上限 1 MB。瀏覽器可能會先問你剪貼簿的使用權限。
剪裁遮色片、複合路徑與符號
都在「物件」選單,也可以在 AI 面板用一句話操作。
- 剪裁遮色片:「物件 › 剪裁遮色片 › 製作」Ctrl+7,用最上層的物件剪裁其他物件(至少選兩個物件)。「釋放」Alt+Ctrl+7。「編輯內容」「編輯遮色片」分別選取被剪裁的內容或遮色片本身。巢狀的遮色片取交集,群組取聯集。PDF、SVG 匯出會保留。
- 複合路徑:「物件 › 複合路徑 › 製作」Ctrl+8 把多條路徑合成一個物件,洞的方向會自動調整;「釋放」Alt+Shift+Ctrl+8。內容面板的「屬性」可以選填色規則:非零或奇偶。
- 連接與平均:「物件 › 路徑 › 連接」Ctrl+J 把選取的開放端點接起來。用直接選取剛好選了兩個開放路徑的端點錨點時,接的就是這兩點:重合=合成一點,不重合=補一段直線;同一條路徑的兩端=封閉。「平均…」Alt+Ctrl+J 把選取的錨點對齊到平均位置。「平均並連接」Alt+Shift+Ctrl+J 把兩個端點移到中點,再合成一點。
- 符號面板:「視窗 › 符號」Shift+Ctrl+F11。選取圖稿後按 F8(或面板的 +)新增符號,可選靜態或動態。選取裡有剪裁遮色片或複合形狀時,會展開成一般路徑(遮色片實際剪開),實例的外觀和原本的圖稿相同,但在符號裡不能再編輯遮色片或複合形狀的子項;對話框會先說明。複合形狀的結果算不出來時不會建立符號。把縮圖拖到畫布,或按「置入符號實例」放實例。面板選單還有複製、取代、刪除符號、符號選項、清除覆寫,以及匯入、匯出符號庫(JSON)。
- 編輯符號:面板的「編輯符號」、雙擊縮圖或雙擊實例,進入隔離模式。完成按 Esc(或隔離列的 ◀、雙擊空白處),所有實例一起更新。編輯中暫時的群組與實例不能隱藏、刪除或移動。編輯中 Ctrl+Z 逐步復原,退到起點再按一次=放棄這次編輯;完成後整段編輯是一個復原步驟。
- 斷開連結:「物件 › 符號 › 斷開符號連結」把實例變回一般物件。
- 動態覆寫:動態符號的實例可以各自覆寫外觀。用直接選取點到實例裡的某個子物件,再在內容面板改填色或筆畫,改的只是這個實例;「清除覆寫」恢復原樣。動態符號不能含文字。
- 符號噴灑器 Shift+S:先在符號面板點一個符號,再沿著拖曳的軌跡,在筆刷範圍內放一批實例。雙擊工具開選項,調直徑、密度、散佈、大小與旋轉的隨機程度和亂數種子。同一組參數加同一個種子會得到同樣的結果,但跨裝置不保證完全一致,要重現請保存噴灑出來的實例。
- DXF 怎麼處理符號,見2D 製圖 › DXF 注意事項。
尺標、參考線與格點
這些開關在「檢視」選單。它們只改顯示,不存進檔案、也不進復原(同 Illustrator),記在這台電腦的瀏覽器。
- 尺標 Ctrl+R:從上方的尺標往下拖=水平參考線,從左側的尺標往右拖=垂直參考線。
- 參考線:Ctrl+; 顯示或隱藏,Alt+Ctrl+; 鎖定或解除鎖定(鎖定時不能選取或移動參考線)。「製作參考線」Ctrl+5 把選取的路徑變成參考線(文字、圖塊、影像不行);「釋放參考線」Alt+Ctrl+5 把參考線變回一般路徑;「清除參考線」刪掉全部。沒鎖定時,參考線可以點選、移動、拷貝與刪除。上限 1000 條、5 萬個錨點。
- 格點 Ctrl+':顯示或隱藏格點。「靠齊格點」Shift+Ctrl+':移動時外框的邊或中心落在最近的格線上(這時智慧型參考線停用)。「靠齊控制點」Alt+Ctrl+':拖曳的點落在 2 px 內的錨點上。「靠齊像素」:外框左上角對齊 1 pt 的格子。
- 智慧型參考線 Ctrl+U 也會對齊參考線,並顯示間距參考線:同一列(或欄)裡,和鄰居的間距等於另外兩個相鄰物件的間距,或正好在前後兩個物件中間時,用帶短刻度的線標出相等的間距。
滴管、形狀建立程式、鉛筆與筆刷
工具都在左側工具列。雙擊工具按鈕開該工具的選項。每次放開滑鼠是一個復原步驟。鎖定、隱藏或在鎖定圖層上的物件不會被修改。
- 滴管 I:有選取時,點另一個物件,把它的外觀套到選取的物件;Shift+點只取顏色(套到目前的填色或筆畫);Alt+點把選取物件的外觀套到被點的物件。沒有選取時,取樣成工具列的填色與筆畫,給之後畫的物件用。選項可以勾要取樣的項目:外觀、填色、筆畫、字元樣式、段落樣式。鎖定但看得到的物件也能取樣。
- 形狀建立程式 Shift+M:先選取重疊的形狀,再拖過幾個區域=合併成一個形狀;Alt+拖=刪除那些區域;Shift+拖出矩形=框內的區域一次合併。新形狀用目前的填色。上限 200 個物件、2 萬個錨點。
- 鉛筆 N:自由畫一條路徑。選項:擬真度、以鉛筆筆畫填色、保持選取、端點在此範圍內時封閉路徑、編輯選取的路徑(在選取的路徑附近畫=重畫那一段)。按住 Alt 畫完會封閉。
- 平滑工具:選取路徑後沿著它拖曳,那一段變平滑。路徑橡皮擦:選取路徑後沿著要擦掉的部分拖曳。兩者都沒有單鍵。
- 繪圖筆刷 B:畫出套用筆刷的筆畫。「視窗 › 筆刷」F5 開筆刷面板:基本、3 pt 圓形、5 pt 平頭 45°、錐形。選取路徑後點筆刷就套用;「移除筆刷筆畫」改回一般筆畫。
- 點滴筆刷 Shift+B:畫出的是填色的形狀(顏色取目前的筆畫色),會和重疊、填色相同且沒有筆畫的路徑合併。選項:保持選取、只與選取範圍合併、大小。[、] 調整筆刷大小。
- 很長的筆畫會先減少取樣點(最多 4000 點)。
快捷鍵
| 按鍵 | 功能 | 狀態 |
|---|---|---|
| Ctrl+Z、Shift+Ctrl+Z | 復原、重做(Illustrator 的重做是 Shift+Ctrl+Z) | 可用 |
| Ctrl+G、Shift+Ctrl+G | 群組、解散群組 | 可用 |
| Ctrl+2、Alt+Ctrl+2 | 鎖定、全部解除鎖定 | 可用 |
| Ctrl+3、Alt+Ctrl+3 | 隱藏、全部顯示 | 可用 |
| Ctrl+A、Shift+Ctrl+A | 全選、取消選取 | 可用 |
| Ctrl+]、Shift+Ctrl+]、Ctrl+[、Shift+Ctrl+[ | 上移一層、移到最前、下移一層、移到最後 | 可用 |
| Ctrl+D | 再次變形 | 可用 |
| Ctrl+U | 智慧型參考線 | 可用 |
| Shift+Ctrl+B | 顯示或隱藏定界框 | 可用 |
| Ctrl+H | 隱藏邊緣 | 可用 |
| Ctrl+Y | 整份文件的外框模式(單一圖層:在圖層面板 Ctrl 點眼睛) | 可用 |
| 方向鍵、Shift+方向鍵、Alt+方向鍵 | 移動、十倍移動、拷貝後移動 | 可用 |
| Enter | 移動對話框 | 可用 |
| Esc、Delete | 取消選取、刪除 | 可用 |
| Ctrl+9 | 叫出或收起指令列(可以打 CAD 指令) | 可用 |
| Tab、Shift+Tab | 隱藏或顯示全部面板;隱藏或顯示工具列以外的面板(同 Illustrator;焦點在按鈕或輸入框時照常移動焦點) | 可用 |
| Ctrl+C、Ctrl+X、Ctrl+V、Ctrl+F、Ctrl+B | 複製、剪下、貼上、貼至上層、貼至下層 | 可用 |
| Shift+Ctrl+V、Alt+Shift+Ctrl+V | 原地貼上、貼至全部工作區域 | 可用 |
| Ctrl+O、Shift+Ctrl+P、Ctrl+P | 開啟(新文件)、置入、轉存 PDF | 可用 |
| Shift+Ctrl+O | 建立外框(文字轉成路徑) | 可用 |
| Ctrl+R | 顯示或隱藏尺標 | 可用 |
| Ctrl+;、Alt+Ctrl+; | 顯示或隱藏參考線、鎖定參考線 | 可用 |
| Ctrl+5、Alt+Ctrl+5 | 製作參考線、釋放參考線 | 可用 |
| Ctrl+'、Shift+Ctrl+'、Alt+Ctrl+' | 格點、靠齊格點、靠齊控制點 | 可用 |
| Alt+Shift+Ctrl+J | 平均並連接 | 可用 |
| F5、[、] | 筆刷面板、點滴筆刷大小 | 可用 |
| Ctrl+7、Alt+Ctrl+7 | 製作、釋放剪裁遮色片 | 可用 |
| Ctrl+8、Alt+Shift+Ctrl+8 | 製作、釋放複合路徑 | 可用 |
| Ctrl+J、Alt+Ctrl+J | 連接、平均 | 可用 |
| F8、Shift+Ctrl+F11 | 新增符號、符號面板 | 可用 |
| X、Shift+X、D、/、, | 切換填色或筆畫在前、互換填色與筆畫、預設填色和筆畫、無、顏色(回到上次的顏色) | 可用 |
| . | 套用上次的漸層 | 可用 |
| Ctrl+F9、Shift+F6 | 漸層面板、外觀面板 | 可用 |
| Ctrl+Alt+G | 顯示或隱藏漸層註解器 | 可用 |
| Shift+D | 切換繪圖模式(一般、背後、內部) | 可用 |
| F6、F7、Shift+Ctrl+F9 | 顏色面板、圖層面板、路徑管理員 | 可用 |
| Alt+Ctrl+E | 轉存為螢幕適用 | 可用 |
| Ctrl+L、Ctrl+K、Ctrl+E | 新增圖層、偏好設定 › 一般、轉存為(PNG) | 可用 |
| Shift+Ctrl+E、Alt+Shift+Ctrl+E | 套用上次的效果、上次的效果… | 可用 |
這張表是手動整理的(來源:keys.ts 的 vectorCombo 與 Tab 分派)。Illustrator 有、這裡還沒做的組合鍵會被攔下,不會交給瀏覽器,狀態列會提示。
Illustrator 對照
| Illustrator | 這裡 | 狀態 |
|---|---|---|
| 選取、直接選取、群組選取工具 | 相同 | 可用 |
| 矩形、橢圓形工具 | 相同,含即時形狀參數 | 可用 |
| 旋轉、鏡射、縮放工具 | 相同 | 可用 |
| 工作區域工具 | 相同,預設 A4 | 可用 |
| 手形、縮放顯示工具 | 相同 | 可用 |
| 定界框、隔離模式、智慧型參考線 | 相同(智慧型參考線為基本版) | 可用 |
| 物件:群組、鎖定、隱藏、排列順序、再次變形 | 「物件」選單與快捷鍵 | 可用 |
| 填色與筆畫 | 內容面板 | 可用 |
| 檔案:匯入、匯出 DXF | 「檔案」選單 | 可用 |
| 視窗 › AI | 開 AI 面板;「視窗 › AI 畫布(影像/手繪)」開 AI 畫布 | 可用 |
| 文字工具(點狀、區域、路徑、垂直文字) | 見文字工具 | 可用 |
| 寬度工具、橡皮擦、套索、連接工具、位移複製、外框筆畫、簡化 | 見路徑工具 | 可用 |
| 置入、轉存 SVG/PDF、剪貼簿 | 見置入、轉存與剪貼簿 | 可用 |
| 剪裁遮色片、複合路徑、連接與平均、符號面板、符號噴灑器 | 「物件」「視窗」選單與快捷鍵,見說明 | 可用 |
| 鋼筆、增加錨點、刪除錨點、錨點、曲率工具 | 見鋼筆工具 | 可用 |
| 填色與筆畫、拾色器、顏色面板、色票面板(含全域色票、色彩群組、.ase) | 見填色、筆畫與顏色 | 可用 |
| 圖層面板 | 見圖層面板 | 可用 |
| 路徑管理員(含即時複合形狀) | 見路徑管理員 | 可用 |
| 轉存為螢幕適用、轉存為 PNG | 見置入、轉存與剪貼簿 | 可用 |
| 線段工具 | \,見畫圖與選取 | 可用 |
| 漸層面板與漸層工具(線性、放射、任意形狀的點與線條) | 見漸層 | 可用 |
| 外觀面板(多個填色與筆畫) | 見外觀面板 | 可用 |
| 繪圖模式(一般、背後、內部) | 見繪圖模式 | 可用 |
| 圖層面板選單、圖層選項 | 見圖層面板 | 可用 |
| 效果:位移複製、製作陰影、圓角(即時效果) | 見效果 | 可用 |
| 其他效果(羽化、高斯模糊、3D…) | 即將推出 | |
| 外框模式(圖層) | 圖層面板 Ctrl 點眼睛,見圖層面板 | 可用 |
| 外框模式(整份文件,Ctrl+Y) | 檢視 › 外框/預覽(只改顯示,不存進檔案) | 可用 |
| 尺標、參考線、格點、靠齊 | 見尺標、參考線與格點 | 可用 |
| 滴管、形狀建立程式、鉛筆、平滑、路徑橡皮擦、繪圖筆刷、點滴筆刷、筆刷面板、平均並連接 | 見滴管、形狀建立程式、鉛筆與筆刷 | 可用 |