教程

前段時間做了一組練習作品，其中有一個關于球體的圖標吸引了大家的注意，發布之后有很多同學后臺留言希望出一個教程。今天黑馬哥的教程如約而至，就帶大家一起來畫個球吧！

一個不一樣的球

這個球體圖標無需三維軟件的輔助，全程都是通過平面類軟件完成，我個人是通過 AI 軟件和 Sketch 軟件配合完成的。實際上通過 AI 軟件也可以直接完成，球體造型是通過 AI 軟件的 3D 功能實現的。后期的配色、光影處理、質感強化等細節處理，大家可以自由選擇熟悉的軟件，無論是 PS 還是 Sketch 等均可完成細節刻畫。

下面黑馬哥就來詳細演練一下，案例分為球體造型繪制和質感刻畫兩個部分。

球體造型繪制

第一步：繪制紋理符號

通過矩形工具繪制幾條細長的矩形，數量可以自由發揮，這個數量決定球體紋路的數量。然后全選之后拖進符號面板，無需改動參數直接點擊確認即可（符號的名稱可以自由設置）。

第二步：繪制球體

通過橢圓工具繪制一個正圓，然后利用剪刀工具剪切一半，形成一個半圓。然后再執行效果 → 3D → 繞轉，然后把預覽勾選上就可以觀察變化了。注意紅框標注位置需要選擇“右邊”，不然無法出現球體效果。

第三步：貼圖

保持當前操作不變，點擊 3D 繞轉彈窗底部的“貼圖”按鈕，在彈出的面板中符號位置展開選擇之前創建的球體紋理。然后調整紋理的大小，讓其填充滿圖示區域，這里的紋理大小和位置可以一邊調整一邊觀察球體的變化，調整到自己滿意的效果即可。

第四步：調整空間位置

設置好貼圖之后，我們可以通過圖示區域去拖動這個立方體，改變球體的空間位置，調整出自己滿意的角度之后點擊確定即可。確定之后我們需要操作對象 → 擴展/擴展外觀 → 然后取消編組，把紋理層分離出來，單獨之后便于后期調節。

通過以上的步驟我們完成了球體部分的繪制，這個步驟需要在 AI 軟件里面完成。接下來的步驟沒有特殊的軟件限制，只要能夠方便進行漸變色調節和細節刻畫即可。

質感刻畫

第一步：導入到軟件

質感刻畫不限制操作軟件，直接在 AI 軟件里面也能操作，個人習慣運用 Sketch 軟件進行細節刻畫。直接將完成的球體通過復制，在 Sketch 軟件里面粘貼即可（如果是 PS 軟件操作類似）。

第二步：刻畫球體立體感

突出球體立體感首先對圓形添加徑向漸變，中心點設置在偏向于左上角位置，顏色的參數參考圖示（顏色大家也可以自定義）。然后再對其添加兩次內陰影，用于增強立體感，也能使得圓形更加通透。（內陰影的參數見圖示，本案例圓形尺寸為 360*360px）

球體背景層繪制完成之后，再針對紋理層添加漸變色，依然選擇徑向漸變。角度和中心點設置的范圍和背景層的一致即可，顏色的參數參考圖示，最終兩個圖形合起來即可初步完成球體立體感的刻畫。

第三步：紋理質感強化

為了進一步突出紋理的質感，將紋理部分復制兩個出來，分別進行細節刻畫。一個是為了強化色彩感，一個是為了強化光感，兩個紋理部分設置參數見圖示。

第四步：底部壓暗

為了讓球體能夠顯得更加穩重自然，添加一個同等尺寸的圓形作為底部壓暗。采用的是線性漸變，顏色和填充的不透明度參數見圖示。

最終我們便完成了球體部分的全部案例演練，添加一個圓角矩形作為應用圖標的底座，完成整個案例的繪制。

小結

本案例的技術難點主要是通過 AI 軟件的 3D 功能實現帶紋理的球體造型，其次就是質感刻畫的技巧，關于漸變色的調節和內陰影的運用。通過案例的學習可以幫助我們熟悉 AI 軟件的 3D 功能運用，也能強化關于營造質感的技巧。

大家也可以舉一反三，在創建符號的時候也可以變換更多不一樣的圖形，也能帶來更多不一樣的球體紋理效果。希望今天的教程分享可以帶給大家一些思路，創作出更多優秀的立體圖標設計。

原文地址：黑馬家族（公眾號）

作者：黑馬青年

轉載請注明：學U網》今天帶你一起來畫個球

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司