UI教程,三維立體圓形旋渦圖形圖標

2022-12-26 11:15:48 來源/作者: / 己有:27人學習過

先畫出大體的圓形,然后利用CTRL+T自由變換做出旋渦的效果即可,喜歡的可以動動手練習一下這個技巧。

先聲明一下,這不是原創(chuàng),只是總結(jié)了一下,為了讓新手看得更明白,增加了許多詳細步驟。

閑話少說,上圖。 另外不是抄襲,畢竟每個人的方法不同! 如有不到之處,敬請諒解!

效果圖:

UI教程,三維立體圓形旋渦圖形圖標

1、首先打開效果圖,先觀察這個圖片的構(gòu)成,可以想象為它是由3個圓形組成,

最外面的大圓是一個顏色,最中間的小圓是白色,中圓是一個漸變顏色!

UI教程,三維立體圓形旋渦圖形圖標

2、根據(jù)大小,畫出大圓,中圓,和小圓,中圓做出如下的漸變效果,如圖所示

UI教程,三維立體圓形旋渦圖形圖標

位置說明,大圓和小圓居中對齊,畫好漸變的中圓和大圓左對齊

UI教程,三維立體圓形旋渦圖形圖標

另外精確作圖是非常有必要的,這里只說制作方法

選中大圓ctrl+t,根據(jù)大圓位置,畫出輔助線,確定大圓圓心點!如圖所示

UI教程,三維立體圓形旋渦圖形圖標