平面设计 
首页 > 平面设计 > 浏览文章

ps制作一款简洁的开关样式的按钮图标详细步骤

(编辑:jimmy 日期: 2025/7/1 浏览:3 次 )

做这个教程,其实是自己练习着玩,也正好模仿一位大神的一个简单的作品,第一次写教程,比较简单,

希望在今后的练习中能做出更好的教程给大家。

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

ps制作一款简洁的开关样式的按钮图标详细步骤

接下来我们讲解教程:

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

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

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

ps制作一款简洁的开关样式的按钮图标详细步骤

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

ps制作一款简洁的开关样式的按钮图标详细步骤

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

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

ps制作一款简洁的开关样式的按钮图标详细步骤

内阴影

ps制作一款简洁的开关样式的按钮图标详细步骤

阴影

ps制作一款简洁的开关样式的按钮图标详细步骤

这是当前的效果

ps制作一款简洁的开关样式的按钮图标详细步骤

你完全可以按照自己的感觉来调的更丰富一点。现在开关背景做好了,接下来绘制开关的螺丝,螺丝比较小,所以需要更细微的处理,

我在这里没做太多的处理,只是做了一个简单的样式,大概看起来像(水平有限),先给大家看下效果

ps制作一款简洁的开关样式的按钮图标详细步骤

我简单说下用到的样式,用圆形工具画一个差不多大小的圆,然后运用这样的渐变

ps制作一款简洁的开关样式的按钮图标详细步骤

加描边

ps制作一款简洁的开关样式的按钮图标详细步骤

然后用选区工具画一个这样的形状,也可以用钢笔工具,填充颜色#323232

ps制作一款简洁的开关样式的按钮图标详细步骤

然后添加一个投影样式,搞定。如果觉得不像,你可以发挥你的潜力画的更像一点 上一页12 3 下一页 阅读全文

上一篇:photoshop为风景图片调出怀旧的黄昏色效果
下一篇:photoshop快速为人物照片后期处理调出漂亮的红黄色
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap