当前位置:主页 > 平面设计 > PS教程 > 制作实例 > 按钮制作

最新发布

Photoshop轻松制作web2.0水晶风格按钮
Photoshop轻松制作web2.0水晶风格按钮

Photoshop超级轻松打造web2.0水晶风格按钮,打造按钮的通用方法吧!如果你需要按钮就这样制作吧!12345

10 次浏览
利用PS制作激光效果导航条
利用PS制作激光效果导航条

 步骤 2 步骤 3  光泽:

6 次浏览
Glossy Button 有光泽的按钮
Glossy Button 有光泽的按钮

Step 1   Start off with a button, either curved or rectangled. I used a rectangle. Be sure to make the pixel edge ' Inside '. I used a dark green.    Put a gradient colour in the box. Preferably a bright colour. Make sure its brighter near the bottom and get darker towards the top.  You can use the HEX codes i used:  TOP: #5cbf04  BOTTOM: #93dd16  Now goto 'Inner Shadow' and use the following settings:  Blend Mode: Overlay (#FFFFFF)  Opacity 45%

9 次浏览
Photoshop 打造质感圆形按钮
Photoshop 打造质感圆形按钮

这是 Pixel Apex 的一个质感圆形按钮教程。主要应用了Photoshop的图层样式实现。善加利用图层样式,我们可以得到许多类似的漂亮图形效果。下面是本实例最终完成的效果:    步骤一:首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后,点击“视图”并选择“查看实际像素”。  步骤二:选择“椭圆工具”并画一个圆。    使用什么色彩无所谓因为混合选项将会改变色彩。  步骤三:转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。     步骤四:给“椭圆工具”应用这些混合选项。

3 次浏览
Photoshop:打造一款流光溢彩的蝴蝶琉璃按钮
Photoshop:打造一款流光溢彩的蝴蝶琉璃按钮

琉璃是以各种颜色的人造水晶为原料,用水晶脱蜡铸造法高温烧结而成的艺术作品。这种流光溢彩、变幻瑰丽的琉璃效果也常常被应用到平面设计当中,下面我们就用PS来打造一款漂亮的蝴蝶琉璃按钮。     效果预览  1、新建一个宽度为12厘米,高度为10厘米,分辨率为300像素,模式为RGB,内容为白色的文件。  2、新建图层1,选择工具箱中的“自定形状工具”,在属性栏中选择蝴蝶形状,在画面中绘制蝴蝶路径,并转化为选区。将前景色设置为蓝色,为选区填充前景色,取消选区,效果如图01所示。    图1    图2  4、单击“图层”控制面板下方的“添加图层样式”按钮,在弹出的菜单中选择“内阴影”命令,在弹出的对话框中,设置“暗调模式”设为紫色,其RGB分别为131、41、150,将“不透明度”为57,“距离”为17,“阻塞”为26,“大小”为38,其他为默认,单击好,效果如图03所示。

7 次浏览
Photoshop  制作网页翻转按钮
Photoshop 制作网页翻转按钮

大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮,参见范例网页。这称之为鼠标翻转效果,这是根据英文rollover翻译而来的,其实不是很符合中文的语境。其原理是利用两张图片,平时显示一幅,当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作,首先在Photoshop中将它们制作成图片,然后再做成网页。    首先新建一个400×300的白底图像,新建一层,利用形状工具椭圆〖U/SHIFTU〗,在公共栏选择第3种绘图方式(填充像素),调出信息调板〖F8〗观看数值,用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。  【窗口>样式】调出样式调板,点击右上角圆三角按钮,选择“替换样式”,在出来的样式列表目录中选择“Web翻转样式”,确认目前选择的是新建层,然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。  将新建层与背景层合并,然后【图像>修整】,如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处,或右下角最后一个像素处的颜色,在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。

7 次浏览
Photoshop 绘制精致金属边框水晶球按钮
Photoshop 绘制精致金属边框水晶球按钮

这次我将和朋友们一起用Photoshop绘制一个特别精致的金属边框水晶球按钮。文章末尾提供原文件供大家下载参考。需要PSD文件的朋友点此进行下载  以下是最终效果:    下面开始制作:  1、在PS中新建立一个250*250的文件,背景色选用白色。  2、创建一个新图层命名为“颜色渐变”。  3、按CTRL+R打开标尺,从X,Y轴分别拖拉出参考线,将参考线移动至文件中心位置,然后在中心位置按SHIFT+ALT键用椭圆选区工具作出正圆选区。(在拉出椭圆选区之前,先在把选择区在属性栏的数值样式设置为固定大小为152*152像素)    4、按CTRL+H暂时隐藏参考线。  5、在“颜色渐变”图层中用渐变工具在选择区内作出由黑到白的渐变,注意下拖动的方向。

10 次浏览
用Phtoshop五步制作简单实用水晶按钮
用Phtoshop五步制作简单实用水晶按钮

水晶的按钮,在很多地方都能用道,那么有没有快速的方法制作出逼真的水晶按钮呢?呵呵,我在这里介绍一下我的制作方法,(是在观察了很多类水晶按钮之后)发现如下方法最为简单,而且制作的效果尚可。所以介绍给大家,不知道有没有更简单,效果更好的制作方法J 或者有人已经介绍过了,那我在这里写的东西算是多此一举了。总之希望大家多交流,共同进步是我们的愿望!!!!!!!   1.打开phtoshop,在新建的画布上用形状画一个圆角矩形为了操作方便可可以将矩形栅格化,并填充上您喜欢的颜色。如图1所示。    图1  2.按住”Ctrl“键单击圆角矩形所在的图层,获得选区。然后单击“选择DD>>修改DD>>收缩”在弹出的对话框中输入“2”(具体值可以根据需要来调整)于是便得到如下效果    图2  3.从“工具面板中选择“渐变工具”然后选择“透明渐变”并将渐变颜色调为白色。如图3所示。    图3

6 次浏览
Photoshop 样式打造超 Cool 按钮
Photoshop 样式打造超 Cool 按钮

效果~     怎样?Cool吧~下面偶讲详细讲解一下到底怎样才能灵活运用PS的样式功能,并且告诉一些使用技巧给大家参考。  在开始前,首先要弄清楚,你到底想要用样式做什么。这个很重要,会影响整个作品的效果的。象现在的例子,偶是想做个按钮,对,是一个按钮。  但,这是一个怎样的按钮呢?玻璃质感?金属质感?塑料的?还是其它材质的。我选择了玻璃质感的,现在流行嘛~好像有点泛滥了,不过,给他多加点东西让他有个性点,不如加个金属边吧~哈哈,那样肯定很Cool呢。  有了构思,我们可以开始动手拉!  首先,填充一个浅灰的底,目的是为了突出按钮的高光位置,有其是边缘的。我现在把文字和高光的图层给去掉了,只留下最重要的部分。这个图层,就只有样式,你看到的效果,全都是样式做出来的。看到了吗?都用了那几种样式?    有了基本认识,接下来,新建一个图层,偶先画了一个倒角的方形,偶比较喜欢倒角的,如果你喜欢其它形状,随便画好了。如果你不知道怎么画,请看之前的教程。画好后,随便填个颜色,什么颜色都没关系。双图层,调出图层样式窗口。为了让按钮更明显一些,偶先加了个描边。一个像素就够了,颜色选择黑色,透明一点。为什么不直接用灰色呢?那是因为考虑到以后应用的时候,透明的黑色会更容易融入其它环境的。灰色会显得很生硬,记住拉,用半透明的黑色,更容易融入背景的。

8 次浏览
Photoshop 绿色按钮的制作 渐变
Photoshop 绿色按钮的制作 渐变

制作方面还是非常简单的,运用的工具是photoshop7.0,主要运用了渐变:效果图:    新建一文件,用圆角矩形工具画一个80X30、半径为8的圆角矩形,然后在图层面板里双击该图层(默认的命名为“形状1”),打开图层样式,按照以下设置:  1、设置渐变叠加:    具体的颜色值为:#66CC33、#3BA51F、#20920E、#177E09,请参照以下设置:    2、描边:  颜色值为:#006600

5 次浏览
共计71条记录 上一页 1 2 3 4 5 6 7 8 下一页