当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop实例教程:制作水晶按钮

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop实例教程:制作水晶按钮


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

本教程主要是介绍水晶按钮的制作,主要难点是要把按钮的高光和暗调调和谐!
最终效果


1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120

2.复制圆角矩形图层并缩小



3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。

4.这是是具体的简便颜色设置

5.给上边的矩形添加样式



6.设置前景颜色为白色,用椭圆工具画出如图形状并设置不透明度为50%,操作如下图

7.载入上部矩形为选区并新建图层用白色描边,并给该图层添加一个蒙版用渐变工具作出下图效果

8.隐藏背景图层,盖印图层,并用自由变换工具做成倒影。

9.加上文字。

10.最后添加一个色相饱和度可以调成自己喜爱的颜色。