相機圖標，用UI制作簡單的彩虹相機圖標

來源：站酷 作者：小豪設(shè)計集 學習：26978人次

本篇教程通過UI制作一款簡單的彩虹相機圖標，制作過程比較簡單，新接觸UI的同學們一樣可以來做一下，期間會用到圖層樣式來制作，整個制作完成下來會很漂亮，同學們一起來練習一下吧。

效果圖：

相機圖標，用UI制作簡單的彩虹相機圖標_m.theoat.com.cn

操作步驟：

1、建立畫布800x600pi，填充顏色為#a846ff。

相機圖標，用UI制作簡單的彩虹相機圖標_m.theoat.com.cn
m.theoat.com.cn

復(fù)制一層做一個漸變疊加

相機圖標，用UI制作簡單的彩虹相機圖標_m.theoat.com.cn

得到畫板效果

相機圖標，用UI制作簡單的彩虹相機圖標_m.theoat.com.cn

2、接下來我們做按鈕，建立一個圓角矩形308x308pi，半徑為68

相機圖標，用UI制作簡單的彩虹相機圖標_m.theoat.com.cn

3、給橢圓矩形做效果，混合模式：斜面浮雕——顏色疊加——投影

相機圖標，用UI制作簡單的彩虹相機圖標_m.theoat.com.cn

相機圖標，用UI制作簡單的彩虹相機圖標_m.theoat.com.cn

學習 · 提示

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學就能學：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
Elyvan2020-04-28 10:29
我的作業(yè)：背景怎么做？

櫻花落雪2019-01-24 12:04
彩虹相機圖標(我的作業(yè)：
櫻花落雪2019-01-24 12:03
彩虹相機圖標
林肖2018-12-29 02:42
我的作業(yè)：認真做作業(yè)
沉浮905260712018-06-22 10:27
32個贊
嘆世2018-01-30 02:33
樣可以來
風拂揚柳2018-01-25 04:19
贊贊
不見不念2018-01-25 09:35
贊涓嶈涓嶅康 的原帖：牛皮啊
不見不念2018-01-25 09:35
贊
愛笑的貓咪喔2018-01-25 06:54
這個網(wǎng)站對新手真心不錯
起個名真8難2018-01-25 05:25
那天晚上，我走進個小巷子，忽然一個人拿把匕首抵在我的腰上，并對我說：大哥，兄弟我走投無路，麻煩借三百塊錢。我看看他體格，把錢包給了他，沒想到他真只拿了三百就還我了，還要我留了號碼，說有錢還給我。過了幾天沒想到他打電話我，要我去那個小巷，我一想錢雖然不多，但是不想讓他以后內(nèi)疚，我便去 了。還是那把刀，抵在我腰上，對我說：再借三百。。。
起個名真8難2018-01-25 05:25
那天晚上，我走進個小巷子，忽然一個人拿把匕首抵在我的腰上，并對我說：大哥，兄弟我走投無路，麻煩借三百塊錢。我看看他體格，把錢包給了他，沒想到他真只拿了三百就還我了，還要我留了號碼，說有錢還給我。過了幾天沒想到他打電話我，要我去那個小巷，我一想錢雖然不多，但是不想讓他以后內(nèi)疚，我便去 了。還是那把刀，抵在我腰上，對我說：再借三百。。。
起個名真8難2018-01-25 05:25
那天晚上，我走進個小巷子，忽然一個人拿把匕首抵在我的腰上，并對我說：大哥，兄弟我走投無路，麻煩借三百塊錢。我看看他體格，把錢包給了他，沒想到他真只拿了三百就還我了，還要我留了號碼，說有錢還給我。過了幾天沒想到他打電話我，要我去那個小巷，我一想錢雖然不多，但是不想讓他以后內(nèi)疚，我便去 了。還是那把刀，抵在我腰上，對我說：再借三百。。。
彪彪闖天涯2018-01-25 02:02
贊贊
平靜的不羈放縱2018-01-25 01:59
簽到

關(guān)注大神微博加入>>

網(wǎng)友求助，請回答！