方形按钮

按钮

预览成品:

逐步说明:

  1 单击菜单“File > New...”新建一个图象文档,设置背景色为白色。

  2、单击菜单“Window > Show Layers”调出图层面板,在图层面板下面单击新建按钮 ,新建一个新图层Layer 1。

  3、在工具箱中选择矩形选框工具 ,按下shift键在Layer 1中画出一个小的正方形。

  4、按“d”键,然后再按“x”键设置前背景为白色,背景色为黑色。 

  5、在工具箱中选择渐变工具 。按下SHIFT键,从左上方到右下方拉出一条直线,使之产生渐变效果,如图。

  6、单击菜单“Select > Modify > Contract”进行收缩,在弹出的对话框中输入5象素,然后按OK。单击菜单“Select/Feather”命令,在对话框中输入1,点击OK按钮,进行羽化。

  7、再此选择渐变工具,第5步骤一样进行填充,这次由右下方开始,拉动到左上方。按Ctrl+D键取消选区,,如图。

  8、接下来我们要填充按钮的颜色。单击菜单“Image > Adjust > Hue/Saturation”,在Colorize前面打上小钩。拉动saturation的小滑块使值变为70。移动到最顶的 Hue 寻找自己喜欢的颜色,按下图的设置就是本例子红色按钮的设置(本例子中蓝色按钮的设置为:Hue:229,Saturation:224,Lightness:-8)。单击“ok”按钮即可。

  9、此时的方形按钮基本制作完成,如图。

  10、最后为图象增加阴影效果。单击图层面板,用右键单击Layer 1 ,选择Effects,在对话框中设置如下,来设置其阴影效果,最后点击“ok”按钮即可,制作完成。

时间: 2024-11-02 00:28:30

方形按钮的相关文章

个性网页设计之页面设计

设计|网页|网页设计|页面 页面设计包括甚多,可大可小,我分以下几个要点与大家讨论:页面平铺.整体规划.功能易用性.气氛情感表达.大家有什么问题可以给我来信relen@sina.com. 一.页面平铺 把页面平铺开,主要的物件有:导航栏.LOGO.Banner.按钮.图片.文字.下面我就针对最主要的几个部分具体讲解. 1.导航栏 导航栏如果设计得恰到好处,是会给网页本身增色很多(千万不要太花哨,它属于功能物件,喧宾夺主就不好了).导航栏有一排.两排.多排.图片导航和Frame 框

Photoshop Action 动作集总揽

 Photoshop5.5的Action动作集为我们提供了很方便的图像自动处理功能.不加以利用,有点可惜.并且,通过研究Action动作集的各项命令组合,可以让你学到Photoshop处理图像的一些有效方法,而结合自动批处理功能,更使工作效率大大提高.     点击Action设置窗右上方的黑色三角,从弹出菜单中选择Load Actions,在Photoshop>Goodies>Actions目录中有七个自带的动作集总目,加上默认的Default Actions总目,一共八个动作集总目,每个总

设计研究:图形符号帮助改善用户体验

就在刚才,我给GMAIL安装了Twitter插件.安装完插件后,Gmail提示我要连接Twitter的账号才能使用:我顺着提示操作下去,就看到了这个页面: 一路下来的英文界面,已经让我相当的头疼了.但是这两个按钮即使不看文案,也很容易猜出其中的意思.比起千篇一律的方形按钮,这里的"小箭头"设计真是太贴心了.在这里它准确的指导了我进行下一步的操作. 在TB UED最新的文章<鸡肋般的文案内容> 里说到:能不说就不说,用优秀的交互来代替文案.这里可以小补充一下了:优秀的视觉设计

如何查看chrome浏览器的下载?

  谷歌chrome浏览器的下载的东西在哪? 很多朋友在上网时候会需要下载一些东西,我们在同浏览器现在时,在完成下载之后,有些朋友会不知道自己下载的东西放在哪里?如何找到自己下载的文件呢?我在这里整理了一篇谷歌chrome浏览器下载的东西放在那个文件夹?如何查看chrome浏览器的下载?希望能够为朋友们带来帮助. 首先,打开chrome浏览器,点击右上角关闭按钮下面的方形按钮.选择"下载内容"(快捷键ctrl+J). 在弹出的窗口中我们能够看到我们下载的内容.点击"在文件夹显

取代点击操作

在分析N9的滑动手势时,分析其如何取代iPhone的Home键,提出"取代点击"的论点.汇总之前几篇文章,强调这一设计趋势.触摸屏的点击是沿用鼠标点击的操作,其本身具有诸多不利的因素: 显示空间.控件会占用显示控件,44像素的正方形对于手机界面也是宝贵的显示空间. 不易操作.控件需要放置的特定的位置,由于屏幕过大和手持设备的姿势导致部分控件不容易点击到. 精确度.一是点击手势有精准性要求,触摸屏可点击区域由手指的指肚面积决定.二是用户点击的落点通常在目标区域中心的下方. 尺寸.如按键密

聊聊那些让页面更加出彩的小细节

  今天的案例不服不行!作者分别从场景打造.文字效果.交互元素等五个方面展开,为同学们一一剖开游戏网站的设计细节,特别强调,每方面都有对应的设计方法,都是可以拿来自己上手用的,别说我没告诉你哟. @畅游VC :我们在平时浏览页面时,经常会为一些优秀作品的细节所惊叹.这些细节之处有的看似非常不起眼,但是设计作品之间的差距有时往往却正是这些不起眼的细节所决定的.什么是细节呢?细节一定是很细微的方面么?其实不然.个人觉得所谓页面的细节之处,并不是页面所必须包含的部分,但是却是拉开页面水平层次的一个重要

通过Squidoo加文本链接的方式增加外链

WEB 2.0时代早已经到来了,你还在辛辛苦苦地泡论坛发帖子吗?换一种方式来推广自己的网站,也换一种方式来体验自己的生活.最早发现Squidoo是在A5的一个不起眼的小广告里,一个培训机构的免费课程里有基本的Squidoo使用介绍,你也可以Google或百度之,简而言之,这就是一个允许你发各种有意思的东西的网站,所以,也允许你去推广自己的产品或者网站.在Squidoo里面,你可以把自己的产品或者网站做成一个精致的lens,这个被称作镜头的东东,其实就是一个各种元素的大杂烩,你可以在里面放博文.照

取代触摸屏点击操作

在分析N9的滑动手势时,分析其如何取代iPhone的http://www.aliyun.com/zixun/aggregation/3738.html">Home键,提出"取代点击"的论点.汇总之前几篇文章,强调这一设计趋势.触摸屏的点击是沿用鼠标点击的操作,其本身具有诸多不利的因素: 显示空间.控件会占用显示控件,44像素的正方形对于手机界面也是宝贵的显示空间. 不易操作.控件需要放置的特定的位置,由于屏幕过大和手持设备的姿势导致部分控件不容易点击到. 精确度.一是点

分享谷歌十大创意Doodle

谷歌首页搜索的涂鸦Doodle原本只是谷歌创始人拉里·佩奇(Larry Page)和赛吉·布林(Sergey Brin)一时的心血来潮,其出现一般都是为了庆祝节日.纪念日以及著名艺术家.先驱者和科学家的诞辰.但现在,谷歌Doodle由于充满奇思妙想的创意和故事性,常常好看又好玩,因此备受网友欢迎.每当出现新的谷歌Doodle,网友们总是会禁不住好奇心的诱惑去点击. 这里,我们就和大家分享十个好看又好玩的超有创意的谷歌Doodle,以及这些Doodle背后的故事.希望大家喜欢! 谷歌Doodle纪