劇多
首頁
資訊
體育
娛樂
汽車
投資
財經
軍事
科技
數碼
科學
遊戲
歷史
健康
政治
影視
旅遊
育兒
美食
時尚
房產
農業
社會
文化
教育
技術
美文
情感
故事
家居
職場
自然
闢謠
心理
攝影
漫畫
生活
其它
Club
Tips
熱門話題
搜尋
註冊
登入
首頁
>
Club
>
2021-02-13 07:23
sketch如何生成多個圖形合併路徑的SVG?
14
回覆列表
1 # 使用者8906600461496
這個圖形並不算複雜。下面是一種擬合繪製方法,圖中 Artboard 1~9 分別對應以下九步。
繪製一個合適大小的圓。繪製一個矩形,置於圓上。調整兩者相對位置關係,直到適合繪製最終結果的程度。使用路徑相減功能,利用矩形對圓進行切削。該功能在 選單欄→ Edit → Combine → Substract 中。因為各個路徑組合命令相當常用,建議新增 Combine 工具圖示到工具欄中,或是記熟快捷鍵。使用剪刀功能(選單欄→ Edit → Paths → Scissors),將弓形的弦切去。這是上述操作得到的結果。複製一份,垂直翻轉,移動位置直到兩者節點相接。然後連線路徑(選單欄→ Paths → Join,快捷鍵為 Command + J),得到如圖結果。調整描邊粗細至所需的值,並且將路徑端點形式設定為圓弧。位置在介面右側的引數調節區域中。最後,將描邊向量化為形狀。命令的位置在 選單欄→ Edit → Paths → Vectorize Stroke.過程如下圖,可點進原圖觀看。在第八布可能需要進入路徑編輯模式(雙擊形狀,或者選中後使用工具欄中的 Edit 圖示)來調整中間錨點的控制桿,以使曲線過渡更為自然。同時,我使用的是 Sketch 2,功能位置有可能與 Sketch 3 存在些微的差異,可使用 OS X 幫助選單中的搜尋框來查詢。
發表回復
相關內容
AI怎麼快速生成圖形?
HTML5中Canvas和SVG網頁繪製圖形的區別?
如何在Python中生成圖形和圖表?
∧
中秋節和大豐收的關聯?
∨
DNF老玩家盤點新職業不受歡迎的3個原因,除此之外你覺得還有那些原因?
熱門排行
對方把你的朋友圈隱蔽了怎麼看?
彼岸花的種子叫什麼?
逆水寒紫色裝備能分解什麼?
跳繩瘦腿效果好嗎?
川西最近幾天氣候變化大嗎?
寶馬x3使用hicar的效果如何?
鐵砧子用什麼固定?
保安脫崗處罰通報範文?
直播經理人是什麼?
27層樓高度還有蚊子嗎?
這個圖形並不算複雜。下面是一種擬合繪製方法,圖中 Artboard 1~9 分別對應以下九步。
繪製一個合適大小的圓。繪製一個矩形,置於圓上。調整兩者相對位置關係,直到適合繪製最終結果的程度。使用路徑相減功能,利用矩形對圓進行切削。該功能在 選單欄→ Edit → Combine → Substract 中。因為各個路徑組合命令相當常用,建議新增 Combine 工具圖示到工具欄中,或是記熟快捷鍵。使用剪刀功能(選單欄→ Edit → Paths → Scissors),將弓形的弦切去。這是上述操作得到的結果。複製一份,垂直翻轉,移動位置直到兩者節點相接。然後連線路徑(選單欄→ Paths → Join,快捷鍵為 Command + J),得到如圖結果。調整描邊粗細至所需的值,並且將路徑端點形式設定為圓弧。位置在介面右側的引數調節區域中。最後,將描邊向量化為形狀。命令的位置在 選單欄→ Edit → Paths → Vectorize Stroke.過程如下圖,可點進原圖觀看。在第八布可能需要進入路徑編輯模式(雙擊形狀,或者選中後使用工具欄中的 Edit 圖示)來調整中間錨點的控制桿,以使曲線過渡更為自然。同時,我使用的是 Sketch 2,功能位置有可能與 Sketch 3 存在些微的差異,可使用 OS X 幫助選單中的搜尋框來查詢。