劇多
首頁
資訊
體育
娛樂
汽車
投資
財經
軍事
科技
數碼
科學
遊戲
歷史
健康
政治
影視
旅遊
育兒
美食
時尚
房產
農業
社會
文化
教育
技術
美文
情感
故事
家居
職場
自然
闢謠
心理
攝影
漫畫
生活
其它
Club
Tips
熱門話題
搜尋
註冊
登入
首頁
>
Club
>
2021-02-13 07:23
sketch如何生成多個圖形合併路徑的SVG?
16
回覆列表
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個原因,除此之外你覺得還有那些原因?
熱門排行
為什麼聯想沒有銳龍的小新了?
怎麼樣洗運動鞋邊不發黃?
立秋祝願發財暴富的文案?
最常用街頭格鬥技巧?
有志者事竟成名人例子?
汽車空調油過多是什麼現象?
nebe身體乳好用嗎?
懶人手機支架的遙控器如何使用?
比亞迪e 2為什麼這麼貴?
自制麵條可以提前一晚上和麵嗎?
這個圖形並不算複雜。下面是一種擬合繪製方法,圖中 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 幫助選單中的搜尋框來查詢。