当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop 配色网页按钮制作教程

Photoshop
photoshop鼠绘教程:SD娃娃绘制方法图解
photoshop动画教程:精彩的动态签名效果
photoshop动画入门教程:遮罩效果位移动画的制作
photoshop教程:打造MM染发非主流效果
photoshop教程:翻新老照片:旧照换新颜
美术及摄影基础知识:构图黄金定律的认识
photoshop CS3动画入门教程:运动的小球
Photoshop教程:运用滤镜打造绚丽图案
photoshop CS3动画入门教程:时间轴动画
photoshop调色基础:彻底了解直方图,调色必需掌握的知识
photoshop结合数位板绘制精美京剧人物
Photoshop教程:将普通图片打造成数码科技桌面壁纸
photoshop教程: 轻松打造人体彩绘效果
Photoshop教程:利用通道快速打造梦幻紫色效果
踏上探索Photoshop光效果之旅
photoshop路径鼠绘漫画:XP女郎
photoshop调色教程:紫罗兰的滋味
photoshop调色教程:另类暗色调:失落的新娘
Photoshop教程:活用滤镜打造唯美飘舞效果
Photoshop教程:利用路径制作风中的蒲公英

Photoshop 配色网页按钮制作教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-18   浏览: 428 ::
收藏到网摘: n/a

最终效果

第一步:使用圆角矩形制作一个红色的矩形。

第二步:然后我们给该矩形形状添加下面图层样式,阴影:

内发光:
 
渐变叠加:

描边:

效果如下:

第三步:按住Ctrl单击按钮层选择,使用使用矩形选框工具设置如下。
 
第四步:使用矩形选框工具把选区移动到左部,如下图所示。

第五步:创建一个新层,然后填充#E1CA57。

第六步:在新建的层中添加图层样式,内发光:

渐变叠加:
 
第七步:创建新层,然后放大到1600%,然后使用铅笔工具创建下面图形,很简单的!

现在我们的按钮出现下面的形状了。

第八步:加上文字,在这里我设置的Trebuchet MS英文字体、加粗、大小14pt、白色。当然你也可以在字上添加一些你认为好的效果。