您所在的位置: 首页 > 教程首页 > 图文处理 > PS怎样制作常用橘色水晶按钮

PS怎样制作常用橘色水晶按钮

来源:互联网 | 编辑:啤酒 | 时间:2013-08-13 15:00:28 | 阅读:16056320

PS怎样制作常用橘色水晶按钮?

最终效果:

步骤/方法

1.在Photoshop5.5中建立新文件, 120x80 大小 RGB模式, Contents设为Transparent( 透明 )

layer1填充为#333333, 上加一层,建立直径为26像素的圆形,并把它改造成长圆形的按钮放在页面中心

2.前景设为#4D4D4D,背景设为#737373, 用渐变色工具Linear Gradient Tool,从按钮的上方至下方作渐变色效果,Layers面板上要选中Preserve Transparency

结果如图

3.上加一层,创建一个直径为20像素的圆形, 改造成长圆形按钮状,其大小为80*20,前景设为#FF9900,背景设为#FFCC00, 从按钮的上方至下方作竖直的渐变色效果

Layers面板上要选中Preserve Transparency, 移动位置至如图所示:

4.画一条同长圆形按钮等长的细线,其高度为2像素,即80*2放置在距按钮顶端以下2像素的位置,填充色为#FFFFCC

结果如图:

5.工作层为长线条层,点Layers面板最下方的 Add Layer mask按钮,然后如图选中线条的一半长度, 可用选取工具选取,设大小为40*80,40是由计算80像素长线条的一半得来, 在此区域内作从左至右的渐变效果, 结果如图:

6.再用同上步骤选中长线条左侧部分作从右至左的渐变效果操作

结果如图:

7.复制橙色按钮层, 工作层转换至下面的橙色按钮层,Layers面板上的Preserve Transparency为不选中状态

用命令Filter/Blur/Gaussian Blur,对话面板上Radius设为“6” , 结果如图: 

8.左图的发光效果与步骤7教的不太一样,可供大家参考选择使用命令为Filter/Blur/Motion Blur,对话面板上Distance设为“30”

最终写上你要的文字,记得要加淡淡的阴影

Photoshop app
Photoshop app

类型:图片图像  大小:135.78MB  平台:

Android/

你可能感兴趣的内容

  • Fireworks动图制作教程​
    Fireworks动图制作教程​
    这篇教程是飞翔铭月的朋友分享用Fireworks简单制作闪动的图片方法,教程制作出来的图片非常漂亮,难度不是很大,很值得大家学习,推荐到52z飞翔下载,喜欢的朋友可以参考本文,一起来学习吧

    图文处理

    2018-07-23

  • fireworks批量压缩图片教程
    fireworks批量压缩图片教程
    fireworks 具备编辑矢量图形与位图图像的灵活性,是一款优秀的网页作图软件,下面是飞翔铭月整理的关于fireworks使用教程之如何批量压缩图片教程,快来分享吧!

    图文处理

    2018-07-23

  • 扫描全能王将图片变成文字方法教程
    扫描全能王将图片变成文字方法教程
    扫描全能王怎么将图片变成文字?很多小伙伴们都还不知道,下面52z飞翔下载小编为大家整理了扫描全能王将图片变成文字方法教程,一起来看看吧。

    图文处理

    2018-02-07

  • CAD看图软件添加文字教程分享
    CAD看图软件添加文字教程分享
    我们在用到CAD的时候,经常要给图纸添加标注文字等信息,这样不仅帮助我们记忆,还能帮助我们找出问题,那么CAD看图软件中怎么添加文字?接下来52z飞翔小编为大家带来CAD看图软件添加文字教程分享,还不清楚具体操作的朋友一起来了解一下吧!

    图文处理

    2018-01-24

  • CAD看图软件添加图片教程分享
    CAD看图软件添加图片教程分享
    CAD看图大师怎么添加图片?CAD看图大师是我们在绘制图纸的时候经常会使用的一个软件,接下来52z飞翔小编为大家带来CAD看图软件添加图片教程分享,还不清楚怎么操作的朋友一起来了解一下吧!

    图文处理

    2018-01-24

  • CAD怎么快速的插入或者创建表格 CAD快速创建表格图文教程分享
    CAD怎么快速的插入或者创建表格 CAD快速创建表格图文教程分享
    CAD是我们在制图的时候用到的最多的一个软件,在绘制图中的时候,有可能就会用到表格,那么CAD怎么快速的插入或者创建表格呢?接下来52z飞翔小编为大家带来CAD快速创建表格图文教程分享,还不清楚的朋友一起来了解一下吧!

    图文处理

    2018-01-24

  • Enlight修图软件怎么使用 Enlight的图片粉碎方法教程
    Enlight修图软件怎么使用 Enlight的图片粉碎方法教程
    Enlight修图软件怎么使用:修图软件千千万万,但是,到底哪一款才最好用呢?今天,52z飞翔小编就来给大家推荐一款小编日常最爱用的修图软件:Enlight,顺便给大家分享一下Enlight的粉碎教程吧!敲敲黑板,请认真看哦~

    图文处理

    2017-12-18

  • iphoneX iphone8购买订单图片制作教程
    iphoneX iphone8购买订单图片制作教程
    iphoneX\iphone8还未上市,它最大的缺陷就已经被曝光(贵!)。网友一致评论“太贵了买不起”。想不想买一台iphone8在亲朋好友面前装逼?想不想在朋友圈中做土豪?下面就由52z飞翔小编为大家带来iphoneX\iphone8购买订单图片制作流程吧。

    图文处理

    2017-09-13

  • 简单几步,用photoshop为你的老照片制作立体效果
    简单几步,用photoshop为你的老照片制作立体效果
    前几天在家翻到小时候的照片,就突发奇想想给老照片做一个立体效果,我们先来看看效果图吧:

    图文处理

    2017-08-13

  • vertus fluid mask教程 vertus fluid mask怎么用
    vertus fluid mask教程 vertus fluid mask怎么用
    vertus fluid mask作为一款十分强大的Photoshop抠图插件,但是还有许多用户朋友不知道vertus fluid mask怎么用,有的朋友甚至都还没有找到vertus fluid mask汉化版,一起来看看vertus fluid mask教程吧。

    图文处理

    2017-07-27

热门游戏

下载声明 | 法律声明 | 版权声明 | 友情链接 | 发布软件 | 最新更新

本站为非盈利性网站,不接受任何广告。本站所有资源均由网友上传,如有侵权,请发邮件至 [email protected]

晋ICP备2024046785号-1