首页 > 教程 > 关键词 > Photoshop教程最新资讯 > 正文

如何在photoshop中创建一个网页按钮

2010-11-09 11:22 · 稿源:飞鱼的声纳,startwmlife.com

上面的截图是我从一个英文网站上截取的,目的是教给大家如何在photoshop中做出类似于上图中的”Buy it”那样的按钮样式。Marko Prljić在《网页设计师应当掌握的5个photoshop高级技巧》一文中教给了我们如何做出左边的”Download Now”的按钮样式,今天我就来说说右边的这个按钮,算是对那篇文章的一个补充,下面我们开始。

第一步

新建一个文档(Ctrl+N),命名为button,大小设置为640×480,其余选项留作默认。

第二步

在图层面板中新建一个图层,选择圆角矩形工具(U),半径设置为80像素,画出一个矩形。

第三步

在图层面板中双击”layer 1″,打开图层样式对话框。勾选渐变叠加(Gradient Overlay),在渐变叠加面板上点击渐变色带,分别选择颜色#1a3a69和#2c62b2。

勾选描边(Stroke),颜色#0b1b58,2个像素。

接下来,添加投影(Drop Shadow),混合模式正常,不透明度14%,角度90度,距离5个像素,大小2个像素。

最后得到的效果如下图。这样,通过添加图层样式,按钮的基本效果已经出来了。接下来我们开始添加锁型图案和文字。

  • 相关推荐
  • 大家在看
  • Adobe人工智能加持 拍照应用Photoshop Camera上架

    DoNews 6月11日消息(记者 刘文轩)Adobe去年发布一款名为“Adobe Photoshop Camera”的拍照应用,号称可以为你上传到Instagram的照片打造出与众不同的创意。现在这款应用已经在Google Play Store和苹果App Store上架了。和其他拍照应用不同的是,Photoshop Camera结合Adobe Sensei人工智能,自动分辨照片中的物体,并提供风格建议。这些滤镜可以应用到人像、食物、风景等画面的拍摄,比如给你的拍摄对象换个背景,或是把阴沉的天?

  • 西瓜视频开通广告收益教程

    ​西瓜视频的广告一般会展示在视频开始或结尾的地方,开通西瓜视频广告收益后,作者将享有一定的广告收益。而平台为了平衡用户体验,并不是每次刷新都会有广告出现。那么怎么开通西瓜视频广告收益呢?以下是关于西瓜视频开通广告收益的详细介绍。

  • 不会演戏的网红不是好厨子 ,剧情美食教程怎么上热门?

    当你无意间刷到这些视频时,小小的眼睛里开始出现大大疑惑。惊讶中有一丝不屑,不屑中又有一丝好奇。

  • 西瓜视频PC电脑版下载教程

    西瓜视频是一个内容覆盖很广的视频APP,里面的短视频内容很丰富。不过现在只有安卓版和iOS版,有人想要下载使用PC电脑版,具体在哪里可以下载呢,这里我们来看下电脑版的具体安装方法。

  • iphone如何修改微信号教程方法 苹果手机改微信号条件

    最近微信终于可以修改微信号了,此前安卓手机率先支持修改手机号,现在对于想要更改微信号的苹果手机小伙伴们也可以修改了,不知道怎么修改的小伙伴们,就一起来看看iphone修改微信号方法吧。

  • 最强蜗牛怎么换区 超详细换区步骤教程

    ​最强蜗牛中其实是可以进行换区操作的,但是很多人还不明白到底要怎么才能进行换区,所以今天就来为大家分享一下最强蜗牛换区步骤教程。

  • 即刻怎么改密码 新版本即刻密码修改教程

    即刻APP经常的会碰到要修改密码的操作,很多人还不清楚在哪可以比较方便的改密码,下面就来为大家详细的介绍一下。

  • 荒野乱斗固定摇杆设置教程 摇杆怎么固定

    荒野乱斗中是可以使用摇杆的,很多玩家还不清楚怎么让摇杆固定设置好,下面就来为大家详细的介绍一下荒野乱斗固定摇杆设置教程。

  • 录屏教程的方法有哪些?学会这两种轻松搞定

    录屏教程的方法有哪些?在日常的工作以及生活当作,录屏教程的需求是经常需要做的。比方说:工作的时候,需要录屏新产品操作教程。生活中需要录屏学习基础教程等等。所以,对于录屏教程能够找到一个好用的方法是非常重要的。那么,录屏教程的方法有哪些呢?其实您无需担心,接下来将为大家分享两种方法,助您轻松搞定录屏教程的疑难。分享一:专业录屏教程的方法这里为大家分享的第一种是专业录屏教程的方法,也就是借助“嗨格式录

  • 拼多多黑卡怎么分享不了 详细黑卡分享图文教程

    拼多多品牌黑卡是一个非常实用的东西,里面的钱是可以购买商品的时候直接进行抵扣现金的,能节省很多钱,有些朋友也想分享一些邀请码,但是不知道怎么分享,下面就来为大家详细的介绍一下黑卡分享图文教程。

  • 怎么录制视频教程?电脑录屏可以这样做

    怎么录制视频教程?我们经常会用视频来记录自己的生活,同样可以用视频的形式记录电脑上的内容。在电脑上录制视频,最好使用一些专业的录屏软件,能够提高录屏的质量。如果你也在寻找一个实用的录屏软件,那下面分享的方法可以帮助到你!方法一:windows系统录屏先分享一个适用于Windows系统的方法,推荐使用电脑中的“问题步骤记录器”。首先,打开电脑后打开电脑运行窗口,也可以使用快捷键“win+r”,打开“。然后输入“psr”,

  • 微信拍一拍功能怎么用 详细操作步骤教程

    微信在最近上线了一个很好玩的功能——拍一拍,这个功能最近在微信上比较流行,可以拍一拍朋友,比起之前的QQ抖动功能更加的具有一点“人味”,很多人还不知道微信拍一拍怎么用,下面就来为大家分享一下教程。

  • 最全教程!OKEx平台币OKB福利盛宴来袭

    专业的羊毛党的一个原则是:没有羊毛那就创造一只羊来薅!作为背靠最牛交易所OKEx的主流平台币OKB,现在都有哪些羊毛可以薅? 今天我们汇总一下比较值得一试且100%成功的那些OKB的福利! 一、通过OKB抢6. 1 折比特币和 61 个OKB (福利指数:★★★★★) 活动页面: 6 月 1 日12:00- 6 月 5 日18:00 【福利】 1、6. 1 折比特币:现在一个比特币均价是 70000 元,抽中的小伙伴,相当于直接薅到将近 3 万元的羊毛!! 2、 61 个OK

  • 微信毕业照小程序使用教程 毕业照云写真怎么用

    最近火起来一个很有意思的小程序——毕业照云写真,很清楚的就能获得一张属于你自己的毕业美照,很多人还不清楚这个毕业照云写真怎么用,下面就来为大家分享一下教程。

  • 手把手干货教程,最新贴吧引流技术分享

    今天和大家讲贴吧引流,一说到贴吧,大家都直接问狼叔说,贴吧现在还能引流?广告都已泛滥,再进去引流,有什么效果?狼叔可以很直接的和大家说,贴吧引流即便是广告泛滥,里面的流量也不会少。

  • 微信小商店内测资格怎么获得 开通资格获取教程

    微信最近在内推一个微信小商店的小程序,大家都知道很早的时候微信就有开通一个微信小店,这次是整合到小程序当中,很多人还不明白微信小商店怎么获得测试内测的资格,下面就来为大家分享一下。

  • 拼多多拼小圈怎么关闭 详细关闭步骤图文教程

    拼多多可以自由的添加好友组成一个拼小圈,很多人都开通了拼小圈,但是不知道想关闭的时候怎么进行操作,下面就来为大家分享一下拼多多拼小圈关闭步骤图文教程。

  • 怎么录制视频教程?不如看看这两个录屏软件

    怎么录制视频教程?使用电录屏可以快速记录电脑上的内容,有时候需要录制一些更高质量的视频,需要设置一些具体的参数。其实关于电脑录屏有很专业的录屏软件。如果你也需要录制高清的电脑视频,那下面分享的录屏软件你需要知道~方法一、PPT录屏方法先分享一个适合上班族的录屏方法,使用电脑中的office软件。首先打开电脑中新建好的PPT文件。点击左上角的插入,然后选择屏幕录制即可。同时也有快捷键Win + Shift + R可以开始录屏,

  • 怎么恢复手机删除照片?简单教程分分钟学会!

    很多人都会遇到误删手机照片的困扰吧,自己想找到以前一些重要的照片,却意外的发现手机里面没有了,之前为了清理手机内存删除了一波手机照片,却不小心把重要的聊天记录误删了,那么不小心删除微信里的照片怎么恢复呢?手机删除了微信相片还能恢复吗?可以使用下面这些方法找回!恢复数据前我们先看下恢复原理:由于手机中存储数据的数据库特性,当用户在手机中删除某条数据的时候,系统会暂时将这块数据标志为“已删除”状态,且这?

  • influxdb详细安装配置教程 influxdb怎么安装配置

    influxdb是一款开源的时序数据库,可以用作监控系统的数据存储或用来存储基于时序进行分析的业务系统的数据存储。influxdb的部署及使用均比较简单,但是集群(官方版集群已闭源)及高可用方案较少,所以后续测试完几种方案后再推送给大家参考。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议