AI教程,利用AI設(shè)計進度條圖片(3)
來源:ifeiwu
作者:ifeiwu
學(xué)習(xí):9567人次
STEP 08
重新選中STEP06中繪制的對象,拷貝兩次,將最頂部的拷貝層往上移動1個像素。再選中位于它下一層的拷貝層。運用路徑查找器,點選減去頂層的圖標。然后把減去頂層后對象設(shè)置為黑色,透明度降低為20%。
STEP 09再次選中STEP06中繪制的對象,進入【效果>風(fēng)格化>投影】,分別應(yīng)用上以下兩個投影效果。
這里運用多次投影的目的是為了增加陰影中的層次感。
四、文字和其他元素STEP 10
你可以為每個圓形按鈕配上數(shù)字,或者一些相應(yīng)的文字。再為此運用投影效果,保持整體的元素風(fēng)格協(xié)調(diào)。
STEP 11還可以增加一些小元素,例如畫上一個勾,這個圖標是為了標記用戶已完成的步驟。先用矩形工具畫上外形,再進入【效果>風(fēng)格化>圓角】,將圓角半徑設(shè)置為1px。接下為這個對象設(shè)置描邊。一定記得設(shè)置完描邊后要選中對象進行擴展。擴展后的對象再運用投影效果。投影的參數(shù)設(shè)置如下。
五、總結(jié)進度條最終效果圖:
你還可以運用同樣的原理設(shè)計出一整套同風(fēng)格的UI KIT。
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!