AI教程，利用AI設(shè)計進度條圖片(3)

重新選中STEP06中繪制的對象，拷貝兩次，將最頂部的拷貝層往上移動1個像素。再選中位于它下一層的拷貝層。運用路徑查找器，點選減去頂層的圖標。然后把減去頂層后對象設(shè)置為黑色，透明度降低為20%。

再次選中STEP06中繪制的對象，進入【效果>風(fēng)格化>投影】，分別應(yīng)用上以下兩個投影效果。

這里運用多次投影的目的是為了增加陰影中的層次感。

STEP 10

你可以為每個圓形按鈕配上數(shù)字，或者一些相應(yīng)的文字。再為此運用投影效果，保持整體的元素風(fēng)格協(xié)調(diào)。

還可以增加一些小元素，例如畫上一個勾，這個圖標是為了標記用戶已完成的步驟。先用矩形工具畫上外形，再進入【效果>風(fēng)格化>圓角】，將圓角半徑設(shè)置為1px。接下為這個對象設(shè)置描邊。一定記得設(shè)置完描邊后要選中對象進行擴展。擴展后的對象再運用投影效果。投影的參數(shù)設(shè)置如下。

進度條最終效果圖：

你還可以運用同樣的原理設(shè)計出一整套同風(fēng)格的UI KIT。