當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

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

來源:PS吧 作者:戰(zhàn)焰 學習:19982人次

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

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

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

效果圖:

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

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

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

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

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

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

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

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

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

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

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
付翻天覆地姑姑2018-10-16 09:33
太喜歡了
?Miss Luo?2018-10-16 09:03
32個贊
慧眼識中笑奉先2017-05-28 06:40
學習學習

關注大神微博加入>>

網(wǎng)友求助,請回答!