首页 > ps教程 >

设计圆润按钮开关立体图标的PS教程

ps教程 2023-06-21

本教程主要使用Photoshop绘制按钮为主要元素的APP图标,教程主要使用钢笔路径和图层样式来完成,推荐给朋友学习,希望大家可以喜欢。

先看下最终的效果图:

设计圆润按钮开关立体图标的PS教程

 

1、建立画布800x600pi,填充颜色为#a846ff。

设计圆润按钮开关立体图标的PS教程

 

复制一层做一个渐变叠加

设计圆润按钮开关立体图标的PS教程

 

得到画板效果

设计圆润按钮开关立体图标的PS教程

 

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

设计圆润按钮开关立体图标的PS教程

 

3、给椭圆矩形做效果,混合模式:斜面浮雕——颜色叠加——投影

设计圆润按钮开关立体图标的PS教程 

设计圆润按钮开关立体图标的PS教程 

设计圆润按钮开关立体图标的PS教程 

设计圆润按钮开关立体图标的PS教程

 

看过前面课程的同学应该知道,我们做完底部后,要一步步做投影。复制一层,填充黑色,下移20,高斯模糊15,图层不透明度25%。

设计圆润按钮开关立体图标的PS教程

 

在复制一层,高斯模糊为20,不透明度15建立剪切蒙版,因为图标是一个椭圆矩形,阴影也要擦出来图标轮廓。

设计圆润按钮开关立体图标的PS教程 

设计圆润按钮开关立体图标的PS教程

 

4、建立一个225x225的圆形,颜色渐变

设计圆润按钮开关立体图标的PS教程 

设计圆润按钮开关立体图标的PS教程 

设计圆润按钮开关立体图标的PS教程 

 

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

设计圆润按钮开关立体图标的PS教程 

设计圆润按钮开关立体图标的PS教程 

设计圆润按钮开关立体图标的PS教程 


Copyright © 2016-2023 office学习教程网 office.tqzw.net.cn. All Rights Reserved.