当前位置:首页 > 日记 > 正文

ps怎么设计一组按钮开关以及按下时候的状态?

ps怎么设计一组按钮开关以及按下时候的状态?

之前我们介绍过绘制单一按钮的方法,今天我们就来看看使用ps设计一组按钮的教程,请看下文详细介绍。

软件名称:
Adobe Photoshop 8.0 中文完整绿色破解版
软件大小:
150.1MB
更新时间:
2015-11-04

新建文件,创建径向渐变背景

效果如图

新建图层,创建一个圆形样式设置为叠加,为圆添加图层样式-渐变叠加

效果如图

新建图层,再创建第二个圆,这个圆要比上一个小一点,为圆添加图层样式-渐变叠加

为圆添加图层样式-外发光

为圆添加图层样式-投影

效果如图

复制第二个圆,清除图层样式,填充设置为0; 不透明度设置为17%;为圆添加图层样式-渐变叠加

效果如图

复制第三个圆,清除图层样式,为圆添加图层样式-内发光

填充设置为0;为圆添加图层样式-渐变叠加

12 阅读全文

复制第四个圆,清除图层样式,为圆添加图层样式-内阴影

填充设置为0;为圆添加图层样式-内发光

再绘制一个圆,这样圆要比之前的要小,为圆添加图层样式-内发光

为圆添加图层样式-渐变叠加

为圆添加图层样式-投影

绘制停止图标,添加图层样式-颜色叠加

效果如图

为停止图标添加图层样式-颜色叠加为绿色

添加图层样式-外发光为绿色

效果如图,按钮就为开启状态

同理设置停止图标和圆的颜色 创建关闭状态

以上就是ps设计按钮的教程,希望大家喜欢,请继续关注。

相关推荐:

PS怎么设计一款圆形的环保按钮?

ps怎么设计一款圆角透明水晶按钮?

ps怎么设计圆形的中间凸起的水晶按钮?

1 2阅读全文

相关文章

Word怎么制做折线图Word制做折线图

Word怎么制做折线图Word制做折线图

折线图,步骤,方法,文字,绘制,  折线图是我们经常要用到的一种分析类图表。比如用X轴坐标来表示一个月的天数,用Y轴坐标来表示某一数值,统计数据后描点绘图,得到折线图,可以很直观的看出一个月内的数据起伏情况。下面小编就教你怎么在word中制…

老生常谈文本文件和二进制文件的区

老生常谈文本文件和二进制文件的区

文本文件,二进制文件,老生常谈,区别,电脑软件,从文件编码的方式来看,文件可分为ASCII码文件和二进制码文件两种。ASCII文件也称为文本文件,这种文件在磁盘中存放时每个字符对应一个字节,用于存放对应的ASCII码。例如,数5678的存储形式为:ASC码: …

vue.js 1.x与2.0中js实时监听input

vue.js 1.x与2.0中js实时监听input

实时,电脑软件,js,vue,input,一、vuejs 2.0中js实时监听input在2.0的版本中,vuejs把v-el 和 v-ref 合并为一个 ref 属性了,可以在组件实例中通过 $refs 来调用。这意味着 v-el:my-element 将写成这样: ref="myElement" , v-ref:my-component …

JS基础教程——正则表达式示例 |

JS基础教程——正则表达式示例 |

推荐,正则表达式,示例,基础教程,电脑软件,正则表达式的() [] {}有不同的意思。() 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。(\s*)表示连续空格的字符串。[]是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位…

wps表格怎么设置字体颜色根据条件

wps表格怎么设置字体颜色根据条件

条件,字体颜色,设置,教程,表格,  在生活工作中有很多地方会用到表格,用电脑软件制作出来的表格简单,实用,而且又很容易学会,那么大家知道wps表格字体颜色根据条件自动改变怎么设置呢?接下来请跟着小编了解吧。wps表格字体颜色根据条件自动改…

利用pm2部署多个node.js项目的配置

利用pm2部署多个node.js项目的配置

配置,教程,项目,多个,电脑软件,前言相信大家应该都知道,一般在实际项目部署中,我们服务器在启动的时候需要自动启动node服务。以前是通过liunx自带的命令启动。但是随着后台微服务越来越多。每次发布新程序。修改脚本太麻烦了。于是换成PM2来…

js实现简单数字变动效果

js实现简单数字变动效果

数字,变动,效果,简单,电脑软件,本文实例为大家分享了js实现数字变动效果展示的具体代码,供大家参考,具体内容如下$.fn.countTo = function (options) { options = options || {};//当options未被初始化,即typeof options = 'undefined'时,执…

React复制到剪贴板的示例代码

React复制到剪贴板的示例代码

示例代码,剪贴板,电脑软件,React,本文介绍了React复制到剪贴板可以使用插件copy-to-clipboard,分享给大家,具体如下:参考API文档 安装npm install --save react react-copy-to-clipboard使用const App = React.createClass({ getInitialState(…

fireworks对名称进行批量修改

fireworks对名称进行批量修改

批量修改,名称,电脑软件,fireworks,经常做图的人,有时为了备份或者避免重名,需要将图片名统一加个前缀或者后缀,这时fireworks的批量功能就可以帮我们大大提高工作效率,节省时间。下面来介绍一下具体的操作步骤。步骤:1、打开左上角的“文…

ps怎么修改EPS格式的线条的颜色?

ps怎么修改EPS格式的线条的颜色?

修改,线条,颜色,格式,电脑软件,当我们进行图纸的导出时,经常使用EPS格式导出,这样就可以将图纸使用PS进行处理,但是当我们导出EPS格式时,多数情况图纸的线条颜色都是固定的,但是在PS处理中,我们需要多种多样的线条颜色。软件名称:Adobe Photoshop …

JS二叉树的简单实现方法示例

JS二叉树的简单实现方法示例

方法,二叉树,简单实现,示例,电脑软件,本文实例讲述了JS二叉树的简单实现方法。分享给大家供大家参考,具体如下:今天学习了一下 二叉树的实现,在此记录一下简单的二叉树实现,并且实现升序和降序排序输出function Node(data , left,right){ this…

Photoshop调整等高线和纹理制作巧

Photoshop调整等高线和纹理制作巧

纹理,文字,调整,等高线,电脑软件, 本例主要讲解如何利用等高线和纹理制作巧克力质感文字效果。首先输入文字并填充棕色,然后利用斜面和浮雕样式制作文字浮雕效果,最后通过调整等高线和纹理制作巧克力质感文字效果。有兴趣的朋友可以参考本文…