当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop简单制作网页半透明按钮

Photoshop
Photoshop教程:运用滤镜简单制作漂亮的射线效果
Photoshop教程:镜头光晕打造奇幻图案
Photoshop仿手绘:打造MM童话般炫彩莹亮的发丝
Photoshop教程:打造逼真节庆大红灯笼
Photoshop创意教程:打造华丽3D潮流文字特效
Photoshop CS3教程:制作有趣的文字波动动画效果
Photoshop教程:图层样式制作雕花屏风
Photoshop逐帧动画基础教程:QQ表情 I LOVE YOU
漫画基础第一课:漫画分镜框的基本技巧
漫画基础第二课:漫画阅读顺序的基本概念
漫画基础第三课:漫画文字的基本技巧
漫画基础第四课:漫画效果线的基本技巧
漫画基础第五课:分镜架构基础技巧之整体与局部
漫画基础第六课:分镜架构基础技巧之主次关系
漫画基础第七课:分镜架构基础技巧之主格与情绪
漫画基础第八课:分镜架构基础技巧之资源与节奏
漫画基础第九课:分镜架构基础技巧之情绪!!!
Photoshop手绘教程:结合数位板绘制写实美女插画
Photoshop CS3教程:手绘科幻插画—奇袭
Photoshop初学者实例教程:被忽略的合成利器-混合颜色带

Photoshop简单制作网页半透明按钮


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

本教程非常适合做网页弹出窗口的美化。制作方法非常简单,只需要用到图层样式设置就可以。效果很不错。
最终效果





1、新建一个文件,然后用圆角矩形绘制一个圆角巨型。双击图层调出图层样式,选择渐变叠加,参数设置如图1,图2。


<图1>


<图2>


2、再设置外发光,参数设置如下图。


<图3>
3、大致的水晶质感做好了,再在横条的中间位置用画笔工具加上一些高光区域完成效果。


<图4>