二維碼 購物車
部落窩在線教育歡迎您!

PS繪制按鈕為主要元素的APP圖標

?

作者:小豪設計集來源:部落窩教育發(fā)布時間:2017-12-21 11:00:48點擊:3235

分享到:
0
收藏    收藏人氣:0人
版權說明: 網(wǎng)絡作品,轉載請注明原作者和出處。
編按:
"哪里有彩虹告訴我,能不能把我的愿望還給我",明亮的彩虹色給人甜蜜、清新的感覺。這篇教程教大家繪制簡單的彩虹色扁平圖標,教程非常簡單但是對于新手還說還是很有作用的。

先看下最終的效果圖




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



復制一層做一個漸變疊加



得到畫板效果




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



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






看過前面課程的同學應該知道,我們做完底部后,要一步步做投影。復制一層,填充黑色,下移20,高斯模糊15,圖層不透明度25%。



在復制一層,高斯模糊為20,不透明度15建立剪切蒙版,因為圖標是一個橢圓矩形,陰影也要擦出來圖標輪廓。



4、建立一個225x225的圓形,顏色漸變







5、在建立一個226x226的大圓在外面我們只是做外面的輪廓,留下邊緣部分






6、建立112x112,的中心按鈕



混合模式做圖標效果






給按鈕在做一個陰影,復制一個置于按鈕下方。高斯模糊



大家看到我給這個圓左右壓縮一點,光源從上方打過來,為了過渡自然,我們可以根據(jù)情況改變做陰影的形狀,做完后圖層透明度改為75%。



7、做一個96x96的中心圓




顏色填充采用疊加效果




做漸變疊加最后就是兩個旁邊顯示狀態(tài)按鈕,大小為15x15pi。右邊顏色填充為#6fe2fb,左邊為描邊



8、到這里就搞定了以上就是今天分享的教程全部了



原文:UI設計 簡單上手制作彩虹的按鈕圖標
作者:小豪設計集
出處:http://www.zcool.com.cn/article/ZNjAzNTEy.html