PS繪制按鈕為主要元素的APP圖標
?
作者：小豪設計集來源：部落窩教育發(fā)布時間：2017-12-21 11:00:48點擊：3667
版權說明： 網絡作品，轉載請注明原作者和出處。
編按：
"哪里有彩虹告訴我，能不能把我的愿望還給我"，明亮的彩虹色給人甜蜜、清新的感覺。這篇教程教大家繪制簡單的彩虹色扁平圖標，教程非常簡單但是對于新手還說還是很有作用的。
1、建立畫布800x600pi，填充顏色為#a846ff。
復制一層做一個漸變疊加
得到畫板效果
2、接下來我們做按鈕，建立一個圓角矩形308x308pi，半徑為68
3、給橢圓矩形做效果，混合模式：斜面浮雕——顏色疊加——投影
看過前面課程的同學應該知道，我們做完底部后，要一步步做投影。復制一層，填充黑色，下移20，高斯模糊15，圖層不透明度25%。
在復制一層，高斯模糊為20，不透明度15建立剪切蒙版，因為圖標是一個橢圓矩形，陰影也要擦出來圖標輪廓。
4、建立一個225x225的圓形，顏色漸變
5、在建立一個226x226的大圓在外面我們只是做外面的輪廓，留下邊緣部分
6、建立112x112，的中心按鈕
混合模式做圖標效果
給按鈕在做一個陰影，復制一個置于按鈕下方。高斯模糊
大家看到我給這個圓左右壓縮一點，光源從上方打過來，為了過渡自然，我們可以根據情況改變做陰影的形狀，做完后圖層透明度改為75%。
7、做一個96x96的中心圓
顏色填充采用疊加效果
做漸變疊加最后就是兩個旁邊顯示狀態(tài)按鈕，大小為15x15pi。右邊顏色填充為#6fe2fb，左邊為描邊
8、到這里就搞定了以上就是今天分享的教程全部了
原文：UI設計 簡單上手制作彩虹的按鈕圖標
作者：小豪設計集
出處：http://www.zcool.com.cn/article/ZNjAzNTEy.html
"哪里有彩虹告訴我，能不能把我的愿望還給我"，明亮的彩虹色給人甜蜜、清新的感覺。這篇教程教大家繪制簡單的彩虹色扁平圖標，教程非常簡單但是對于新手還說還是很有作用的。
先看下最終的效果圖
1、建立畫布800x600pi，填充顏色為#a846ff。
復制一層做一個漸變疊加
得到畫板效果
2、接下來我們做按鈕，建立一個圓角矩形308x308pi，半徑為68
3、給橢圓矩形做效果，混合模式：斜面浮雕——顏色疊加——投影
看過前面課程的同學應該知道，我們做完底部后，要一步步做投影。復制一層，填充黑色，下移20，高斯模糊15，圖層不透明度25%。
在復制一層，高斯模糊為20，不透明度15建立剪切蒙版，因為圖標是一個橢圓矩形，陰影也要擦出來圖標輪廓。
4、建立一個225x225的圓形，顏色漸變
6、建立112x112，的中心按鈕
混合模式做圖標效果
給按鈕在做一個陰影，復制一個置于按鈕下方。高斯模糊
大家看到我給這個圓左右壓縮一點，光源從上方打過來，為了過渡自然，我們可以根據情況改變做陰影的形狀，做完后圖層透明度改為75%。
7、做一個96x96的中心圓
顏色填充采用疊加效果
做漸變疊加最后就是兩個旁邊顯示狀態(tài)按鈕，大小為15x15pi。右邊顏色填充為#6fe2fb，左邊為描邊
8、到這里就搞定了以上就是今天分享的教程全部了
原文：UI設計 簡單上手制作彩虹的按鈕圖標
作者：小豪設計集
出處：http://www.zcool.com.cn/article/ZNjAzNTEy.html