分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作彩虹的按钮图标设计教程

icon图标 学UI设计 555次浏览 0个评论 扫描二维码

大家好,今天我们来学习彩虹的按钮图标。

  1. 建立画布800x600pi,填充颜色为#a846ff。复制一层做一个渐变叠加得到画板效果

  2. 接下来我们做按钮,建立一个圆角矩形308x308pi,半径为68

  3. 给椭圆矩形做效果,混合模式:斜面浮雕——颜色叠加——投影看过前面课程的同学应该知道,我们做完底部后,要一步步做投影。复制一层,填充黑色,下移20,高斯模糊15,图层不透明度25%。在复制一层,高斯模糊为20,不透明度15建立剪切蒙版,因为图标是一个椭圆矩形,阴影也要擦出来图标轮廓。

  4. 建立一个225×225的圆形,颜色渐变为

  5. 在建立一个226×226的大圆在外面我们只是做外面的轮廓,留下边缘部分

  6. 建立112×112,的中心按钮混合模式做图标效果给按钮在做一个阴影,复制一个置于按钮下方。高斯模糊,大家看到我给这个圆左右压缩一点,光源从上方打过来,为了过渡自然,我们可以根据情况改变做阴影的形状,做完后图层透明度改为75%。

  7. 做一个96×96的中心圆颜色填充采用叠加效果,做渐变叠加最后就是两个旁边显示状态按钮,大小为15x15pi。右边颜色填充为#6fe2fb,左边为描边

  8. 以上就是今天的全部了

 


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (1)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!