當前位置:編程學習大全網 - 編程語言 - adobe xd如何做圖標?求份教程謝謝

adobe xd如何做圖標?求份教程謝謝

1、打開Xd,在歡迎界面選擇Custom size,輸入500*500尺寸。目前Xd的功能還非常簡陋,繪制圖標能用的工具只有本教材第壹部分中所介紹到的幾款工具以及布爾運算工具,但利用這些工具也可以足夠我們繪制壹些漂亮的圖標,如下圖所示。

2、在畫布上使用快捷鍵E,選擇橢圓工具,按下shift鍵在畫板上繪制壹個正圓,如下圖所示。

3、快捷鍵mand+D,復制該圖層,然後按住shift+option鍵,並拖動鼠標,縮小復制的正圓,縮小到合適的尺寸即可,可以參考下圖中的數值。

4、快捷鍵P,使用鋼筆工具,將鋼筆工具移動到和小圓底部平行,但是在大圓的邊緣,當移動到合適位置軟件自動會出現壹條藍色參考線,如下圖所示。(此處鼠標是鋼筆的造型,因為截圖無法顯示鼠標,為了讓大家看清手動添加了壹個指針)

5、按下鼠標,然後在圓的下方單擊,然後回到右側大圓邊緣,當和第壹個錨點平行時會自動出參考線,單擊,然後再在第壹個錨點處閉合圖形,繪制壹個三角形,如下圖所示。

6、此時三角形的最底部的錨點並未和上面的圓居中,用鋼筆工具單擊該錨點,然後使用鍵盤上的左右方向鍵移動錨點位置。若三角形的左右兩條邊和大圓有相交而非相切,則應使用上下方向鍵移動錨點位置讓其相切。Xd目前功能非常不完善,要完全居中需要非常大的耐心。大家也可以看右側檢查器中的各錨點的坐標去計算出來。具體的計算方法如下:

A:查看三角形右邊端點的X軸數值,查看三角形左邊端點的X軸數值。

B:用右邊的數值減去左邊的數值,除以2,再加上左邊的數值,即得出最下方的錨點的X軸數值。

調整好後效果如下圖所示。

7、快捷鍵V,使用選擇工具框選全部圖層,然後將圖層的填充色設置為紅色,如下圖所示。

8、選擇大圓和小圓圖層,單擊右側檢查器中布爾運算工具中的第二個工具——減掉頂層工具。如下圖所示。若要對大小圓的相對位置和小圓尺寸進行修改,再次單擊布爾運算工具即可取消布爾運算,此時即可調整圖層。

  • 上一篇:中國現代的天才兒童。
  • 下一篇:網都沒連上,360清理痕跡時還顯示正在運行,跳過,是怎麽回事啊?
  • copyright 2024編程學習大全網