当前位置:首页 > PS教程 > 网页设计

图标制作,用图层样式制作旋转按钮

  • 2022-12-24 18:40:38
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要使用PS的图层样式制作立体旋钮教程,很多同学一直学不好图层样式制作按钮,今天用一个旋钮教程,帮你学会图层样式,感兴趣的朋友让我们一起来学习吧。

大小:1

图标制作,用图层样式制作旋转按钮

图层样式:内发光

混合模式:滤色

不透明度:97%

杂色:0

色值:#ffffff(R:255 G:255 B:255)

方法:柔和

源:居中

阻塞:0

大小:0

等高线:默认

范围:33%

抖动:0

图标制作,用图层样式制作旋转按钮

图层样式:外发光

混合模式:叠加

不透明度:90%

杂色:0

色值:# e7fcff(R:231 G:252 B:255)

方法:柔和

扩展:8

大小:6

等高线:默认

范围:100%

抖动:0

图标制作,用图层样式制作旋转按钮

图层样式:投影

混合模式:线性减淡

色值:#ffffff(R:255 G:255 B:255)

不透明度:8%

角度:120

距离:0

扩展0

大小:10

图标制作,用图层样式制作旋转按钮

​2. 选中 发光椭圆 图层

Ctrl+J复制一层。 选中复制的层,Ctrl+T进入自由变换,然后按住 Alt+鼠标左键 将变换中心点拉到整个图标的中心点。并在参数栏中将旋转调整为 -15。然后 回车键 确定。然后按住Shift+Ctrl+Alt+T快速复制。

步骤三:制作文字

选择文字工具,打出自己想要的字体。添加图层样式

最好选用无衬线字体哦,粗细要适中,会看着比较精致

图层样式:颜色叠加

混合模式:叠加

色值:#151617(R:21 G:22 B:23)

不透明度:100%

图标制作,用图层样式制作旋转按钮

图层样式:投影

混合模式:正常

色值:#ffffff(R:255 G:255 B:255)

不透明度:70%

角度:110

距离:2

扩展0

大小:0

图标制作,用图层样式制作旋转按钮

案例到这里已经完成了,做练习的朋友可以根据喜好在修改。

完成:

图标制作,用图层样式制作旋转按钮

制作起来也不难,同学们试一下吧,做出自己想要的风格。

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条