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

PS设计白色立体效果的开关按钮

  • 2021-05-08 20:19:58
  • 来源/作者:互联网/佚名
  • 己被围观

做这个教程,其实是自己练习着玩,也正好模仿一位大神的一个简单的作品,第一次为猫视觉写教程,比较简单,希望在今后的练习中能做出更好的教程给大家。

做这个教程,其实是自己练习着玩,也正好模仿一位大神的一个简单的作品,第一次为猫视觉写教程,比较简单,希望在今后的练习中能做出更好的教程给大家。

我们先来看下原作和我这个山寨的区别:

Photoshop设计白色立体效果的开关按钮

接下来我们讲解教程:

1. 首先创建一个尺寸为400*300的文件(尺寸随意)

2. 然后找一张木板作为背景,主要你觉得适合随便都可以,找不到合适的可以调一下色调,我的就是调整过的

3. 选择圆角矩形工具,画一个角度为20px的矩形,随便填充一个颜色,因为后面会进行渐变叠加,也可以直接填充渐变色,如下图:

Photoshop设计白色立体效果的开关按钮

渐变值见下图,你也可以根据你自己的理解加强对比效果,不过要考虑到整体的明暗关系

Photoshop设计白色立体效果的开关按钮

然后添加1px描边,颜色为#8d6546

添加斜面与浮雕样式,注意勾选等高线,默认值就好

Photoshop设计白色立体效果的开关按钮

内阴影

Photoshop设计白色立体效果的开关按钮

阴影

Photoshop设计白色立体效果的开关按钮

这是当前的效果

Photoshop设计白色立体效果的开关按钮
​​​​​​​

 1/4    1 2 3 4 下一页 尾页

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

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?