如何製作抖音UI圖標

說到抖音,大家都不陌生,無論是老人還是小孩在閒暇時間都喜歡刷抖音,大家知道抖音圖標是怎樣製作成的嗎?下面將方法告訴大家!
如何製作抖音UI圖標
  1.首先新建一個1024X768分辨率爲72像素/英寸的文檔,爲了看的清楚一點,給背景填充一個淺藍色#8d8dff,然後選擇橢圓選框工具,屬性欄上將樣式改成固定大小,把寬度和高度都設置爲300像素,在畫面上單擊,就出現一個正圓形,然後新建圖層命名爲“大1”,把前景色設置爲青色#00ffff,按Alt+Delete給正圓形填充顏色:
如何製作抖音UI圖標

  2、填充完成後單擊右鍵,選擇變換選區,屬性欄上將水平和垂直縮放改成50%,就形成了一個小的正圓形。然後再新建圖層命名爲“小1”,給小圓填充白色,Ctrl+D取消選擇:
如何製作抖音UI圖標

  3、按照1的方式再創建一個寬高大小爲250像素的正圓形,新建圖層然後填充青色#00ffff,命名爲“大2”:
如何製作抖音UI圖標

  4、單擊右鍵,選擇變換選區,這次把水平和垂直縮放值改爲40%,新建圖層命名爲“小2 ”,給小圓填充白色,Ctrl+D取消選擇:
如何製作抖音UI圖標

  5、按快捷鍵Ctrl+R顯示標尺,分別在內圓的圓心建立水平和垂直方向的參考線,再在內圓的左側和右側建立參考線:

如何製作抖音UI圖標
  6、參考線建立好之後,選擇矩形選框工具,分別對以下幾個地方進行刪除,先刪除第一個需要裁剪的地方:

如何製作抖音UI圖標
  7、然後刪除第二個需要裁剪的地方:
如何製作抖音UI圖標

  8、第三個需要裁剪的地方:

如何製作抖音UI圖標
  9、新建圖層命名爲矩形,在兩圓之間繪製矩形並填充青色:
如何製作抖音UI圖標

  10、按住Ctrl鍵點擊“小1”縮覽圖載入選區,然後選擇“大1”圖層,Delete刪除,隱藏“小1”圖層,Ctrl+D取消選擇:
如何製作抖音UI圖標

  11、用同樣的方法,載入“小2”圖層的選區,選擇“大2”圖層,Delete刪除:
如何製作抖音UI圖標

  12、隱藏小1小2和背景圖層,Ctrl+Shift+Alt+E蓋印圖層,清除參考線,複製一層填充白色,並按向右的方向鍵把圖標向右移動位置:
如何製作抖音UI圖標
  13、再複製一層,放到圖層1下面,設置背景色爲#ff1854,按Ctrl+Delete填充顏色,繼續往右移動:
如何製作抖音UI圖標

  14、新建圖層,選擇矩形選框工具繪製矩形,填充黑色,放在圖標下面:
如何製作抖音UI圖標

  15、用鍵盤上的方向鍵向上下左右分別移動紅色青色和白×××標,擺放在適當的位置,最終效果:
如何製作抖音UI圖標
  這樣一個完整的抖音圖標就製作完成了,是不是很簡單呢?不放動手試試吧,在操作的過程中遇到不明白的地方或者你有更好的繪製方法可以分享出來,我們一起學習哦!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章