loading请求处理中...
手机版 新型设计开发 托付式服务平台 全国站
一品威客网9周年超级嘉年华×
当前位置: 首页 > 威客攻略 > 图标设计

桌面水晶按钮图标设计

2019-07-08 10:43:36 阅读 27766次 0 标签: 图标设计 作者: 陈先生12121

 我想大家对桌面图标设计一点都不会陌生,因为只要您用过电脑都应该知道。电脑就是用着一个个的图标设计来作为他的标记,来作为大家存储资料的一个识别。但是小编不知道大家是否知道水晶按钮是什么,是否知道水晶按钮的制作方法是什么样的。今天小编就想给大家介绍几种水晶按钮的制作方法,希望大家会喜欢。

  桌面水晶按钮图标设计

  首先打开Photoshop,新建一个文件,选择:文件→新建菜单命令,会出现如图所示的对话框。由于按钮的制作尺寸不需要太大,这里预设的宽度和高度分别为271、46。单位选择为像素,分辨率设置为72像素/英寸,颜色模式为RGB,这也是网页的规定颜色模式。

  

  再按住矩形工具 下面的小三角形展开工具,选择“圆角矩形工具”,然后在 画布上画一个长110、宽32的圆角矩形,图像自动填充为前景色, 单击图层→图层样式,选择投影,再如图的对话框中拔不透明度设置为5%(根据个人喜爱),距离设置为2像素。改变设置所生成的效果,可以在右侧预览串口中看到效果。

  

  然后添加一个图层效果,单击“颜色叠加”,在“混合模式”中选择“颜色叠加”,根据个人喜好选取一个颜色(如R:255,G:0,B:51),单击确定,选择颜色后,把“不透明度”设置为57%。单击“内发光”,切换到相应的位置,选择一个内发光的颜色,与之前的“颜色叠加”操作一样,选择一个颜色(R:153,G:0,B:0),这是就出现了一个有边缘向内简便的效果。然后设置大小为10像素(改变这里的数值,就会改变由边缘向中心渐变效果的大小)。

  

  下面来叠加真正的渐变,这个样式会使按钮出现一个深度感。单击“渐变叠加”,切换到相应的位置。选择“反向”,“角度”设置为90度,不透明度设置为78%。现在方形有了一个自上而下、由深及浅的渐变效果。

  

  最后制作一个高亮反光。单击“斜面和浮雕”,切换到相对应的设置,改变设置选项——样式、深度、大小、软化,就会在方形上得到一个白色高光。为按钮添加文字,单击”文字“按钮,输入文字:唐人游”,字体根据个人喜欢,字号为18,文字距离为75,颜色为R:0,G:102,B:255。  用移动工具,把文字放在按钮的合适位置上。再给文字做点修饰,单击“图层样式”,选择“图层叠加”叠加一个白色(R:255,G:255,B:255)。然后单击“外发光”,给文字作一个发光效果。这样就完成了水晶按钮的制作。

  

  第二种:  1. 打开photoshop,在新建的画布上用形状画一个圆角矩形为了操作方便可可以将矩形栅格 化,并填充上您喜欢的颜色。

  

  2.按住”Ctrl“键单击圆角矩形所在的图层,获得选区。然后单击“选择――>>修改――>>收缩”在弹出的对话框中输入“2”(具体值可以根据需要来调整)。

  

  3.从“工具面板中选择“渐变工具”然后选择“透明渐变”并将渐变颜色调为白色。如图3所示。

  

  4.新建一个图层『名称为图层1』(这点很重要,方便以后得修改),然后用“透明渐变”工具拉个渐变,然后在新建一个图层2,拉个反相得渐变

  

  5.选中图层1,删除图层1的部分渐变效果,从按钮上方1/3处,再调节一个各图层的透明度,加上点文字最终得到如下效果(附按钮的效果图解说明,按钮最终效果可以按自己的需要调节 。

  

  其实设计水晶按钮有很多种方式,就想桌面图标设计也是有很多种方式方法,小编给大家介绍的只是其中的几种方法,不知道您试过么?希望能帮助到您。

扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

相关文章

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

设计价格是多少?怎样找到合适的设计人才?

官方顾问免费为您解答

 
设计相关任务
DESIGN TASK 更多
魔术瓶盖水加乐产品海报设计

¥1000 已有1人投标

3d建模设计

¥150 已有1人投标

3d建模设计

¥150 已有1人投标

产品宣传视频制作

¥1000 已有1人投标

设计一个中医药的logo

¥1000 已有7人投标

3d建模

¥300 已有1人投标

猫人保暖裤 包装设计

¥3000 已有1人投标

美缝瓷产品包装设计

¥1000 已有5人投标

服务排行榜
SERVICE LIST 更多
全案VI设计 LOGO 名片 QQ...
价格面议 成交500
新萝卜-最实惠 QQ2108760...
【设计总监】包装设计 3套...
¥6000元 /件 成交479
新萝卜-最实惠 QQ2108760...
【普通设计师】LOGO设计 2...
¥800元 /件 成交395
新萝卜-最实惠 QQ2108760...
企业公司品牌logo设计图文...
¥500元 /起 成交386
初创网络传媒有限公司...
资深设计师操刀
¥1200元 /件 成交377
新萝卜-最实惠 QQ2108760...
牛人设计总监 全网中标最...
¥5000元 /件 成交359
新萝卜-最实惠 QQ2108760...
【资深设计师】包装设计 ...
¥1500元 /件 成交345
新萝卜-最实惠 QQ2108760...
【总监设计师】高端LOGO设...
¥1500元 /件 成交338
新萝卜-最实惠 QQ2108760...
品牌塑造全网整合营销传播...
¥12000元 /起 成交334
利宏营销策划
画册、企业手册、宣传手册...
¥200元 /页 成交290
新萝卜-最实惠 QQ2108760...