Affinity Designer繪製圖示的技巧分享
對於平面設計師來說快速的繪製向量圖示能大大提升工作的效率,如何快速繪製向量圖示?macw的小編推薦各位設計師使用 Affinity Designer向量圖設計軟體,Affinity Designer繪製圖示教程如下:
首先,在文件中建立一個160x160畫素的工作空間,每10畫素設定一條網格線。“在疏鬆的網格上製作圖示,可以使用方便的吸附操作。”推薦我們用“樣式”功能儲存常用的筆畫寬度和顏色,節省更多時間。
地圖座標
開始製作這個圖示時,我先用布林操作把三個同心圓組合到一起。這項操作的功能就是把多個圖形組合成一個。在這裡,我選擇了“異或”模式,也就是填充重疊部分以外的區域。然後,我選中圖形最下方的點,使用“節點”工具把它變成了一個銳角。最後,再用貝塞爾曲線的控制線微調一下就可以了。
相機鏡頭
相機鏡頭中,光圈的中心形成了一個六邊形,我們就從這個圖形開始。先把六邊形畫出來,將其轉換為曲線,再編輯它的頂點,下一步要用的三角形就成型了。
調整好第一個形狀後,用“編輯”>“複製”建立第二個形狀,將整個圖案的中心設定為“變換原點”,把它旋轉到正確的位置。接下來就簡單了:不斷對新的副本重複這樣的操作,圖形的六個部分很快就能完成。
這個圖示的難點是它的圓角。我先用“拐角”工具,讓三角形的尖角變圓,再用“節點”工具中的“銳化”選項去掉多餘的部分,再用一次“拐角”工具把角變得圓滑。
最後,建立一個圓,以圓心為旋轉的原點完成整個圖示。
用這個方法,你可以把任意位置設為“變換原點”。
一顆愛心
《Affinity Designer》有專門的心形工具,但自己製作心形圖示,可以獲得更自由的調整空間。首先,我會用“鋼筆”工具畫出一個字母V的形狀,再用“節點”工具編輯貝塞爾曲線的控制節點,調整兩側的弧度。
調出滿意的形狀後,我將筆畫加寬,並把兩端設定為圓形,然後選擇“圖層”>“展開筆畫”,把它轉換成填充路徑。
為了確定要把心形頂部的反光點加在哪裡,我用類似的方法縮小形狀,找到了合適的位置。讓工具來計算各個節點和路徑的位置,會比手動繪製反光更加精確。
以上就是Affinity Designer繪製圖示的技巧了,你學會了嗎?
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69971301/viewspace-2841754/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 專業的mac設計繪圖工具:Affinity Designer for Mac中文版Mac繪圖
- Altium Designer繪製電路原理圖——PCB圖
- 向量圖設計?Affinity Designer for MacMac
- Affinity Designer mac 2.4.0 中文啟用版 強大向量繪圖軟體Mac繪圖
- 辦公小技巧,OmniGraffle繪製流程圖方法分享流程圖
- Diagram Designer - 小巧免費的流程圖繪製軟體流程圖
- 專業向量圖設計工具:Affinity Designer MacMac
- Affinity Designer for Mac專業向量圖設計工具Mac
- Matplotlib直方圖繪製技巧直方圖
- 業務流程圖的繪製流程分享(一)流程圖
- Affinity Designer Beta for Mac(專業向量圖設計工具)Mac
- 使用Altium Designer 18繪製stm32最小系統的PCB圖
- 用Altium Designer繪製一個stm32電路原理圖
- 好用的向量圖設計軟體:Affinity Designer for Mac中文版Mac
- canvas繪製動畫的技巧Canvas動畫
- 純CSS漸變繪製 Chrome 圖示CSSChrome
- [Python] Matplotlib 圖表的繪製和美化技巧Python
- canvas 繪製雙線技巧Canvas
- Altium Designer軟體繪製一個stm32最小系統的電路原理圖
- 使用joinjs繪製流程圖(五)-流程圖繪製JS流程圖
- Mac新手入門,OmniGraffle繪製流程圖方法分享Mac流程圖
- 向量圖設計軟體推薦 Affinity Designer 啟用中文版最新
- css3繪製谷歌圖示程式碼例項CSSS3谷歌
- 乾貨分享:如何製作有效的線性圖示
- Altium Designer繪製stm32f103c8t6最小系統原理圖
- Affinity Designer:向量藝術之舞,設計無限可能
- java:繪製圖形Java
- 繪製雷達圖
- PyQtGraph之多圖繪製QT
- css3繪製QQ企鵝圖示程式碼例項CSSS3
- 簡單漂亮思維導圖軟體分享,繪製你的專屬導圖
- 審批流程圖怎樣繪製?繪製流程圖方法有哪些流程圖
- Python例項:僅繪製圖例而不繪製實際的圖形Python
- 流程圖製作: BPMN流程圖線上繪製流程圖
- mac好用的流程圖繪圖軟體分享~Mac流程圖繪圖
- 分享一下如何製作專業的手繪電子地圖地圖
- wrf模擬的domain圖繪製AI
- 流程圖繪製的操作過程流程圖