篇一：用PS制作网页常用水晶按钮
用PS制作网页常用水晶按钮
水晶按钮最终效果图
1、打开PS，新建一个文件，在工具箱中选择圆角矩形工具，如下图所示设置：
2、新建一个图层后，在画布上拉出一个长方形，就得到这样的结果。（为了更好的给大家讲解，这个图放大了400%显示）
如果大家得到这样的结果。
就需要将“对齐像素”的选项给勾上。
3、为这个图层添加图层样式。
得到结果如图所示，顺便在样式调板中存储着这个样式。
4、使用矩形选框工具，绘制出一个矩形的选区。
5、新建图层后，填充黑色到白色的径向渐变。
6、并将该图层的混合模式改为：柔光，不透明度：60%。
7、新建图层，再绘制出一个矩形选区。
8、填充成白色。
9、并将该图层的混合模式改为：线性减淡，不透明度：30%。
10、使用文字工具写上要的文字，注意在这里要将字体的边缘设置为：无。
11、之前我们创建过一个样式，还记得吗，给文字应用这个样式就可以了。 后面的工作就是换换颜色，改改文字就可以了。
篇二：用PowerPoint制作圆形水晶按钮
用PowerPoint制作圆形水晶按钮
看到图1中的水晶按钮，你可能以为是在Photoshop之类的专业图
形软件中制作，然后再插入到这个演示文稿中的，其实我们可以利
用PowerPoint的绘图功能来制作。这样不用处理插入图片的背景，
而且非常简单，只需三步操作即可。
启动PowerPoint 2002或2003，新建一个演示文稿。
新建演示文稿
步骤1：绘制圆形底图
单击“绘图”工具栏的椭圆按钮，按住“Shift”键不放的同
时按下鼠标左键拖动鼠标，画一个圆。设置它为“无线条颜色”。
单击“绘图”工具栏的填充颜色按钮右边的倒三角，选择“填充效
果”，填充渐变的红色，效果如图2所示。
绘制圆形底图
步骤2：绘制上部高光
单击“绘图”工具栏的椭圆按钮，在刚才绘制圆的上部，按下
鼠标左键拖动鼠标，绘制出一个椭圆。仿照上一步，设置它为“无
线条颜色”。单击“绘图”工具栏的“填充颜色”按钮右边的倒三
角，选择“填充效果”，填充“单色”白色，“透明度”从0%到
100%，“底纹样式”为“水平”，“变形”选默认的第一种。效
果如图3所示。
绘制上部高光
步骤3：绘制下部反光
仿照步骤2，在步骤1中绘制圆的下部画出一个椭圆，设置它
为“无线条颜色”。填充“单色”白色，“透明度”从40%到100%，
“底纹样式”为“中心辐射”，“变形”也选默认的第一种。效果
如图4所示。
绘制下部反光
经过以上三步操作，一个漂亮的水晶按钮就制作完成了。为了
以后操作方便，最好把三部分组合起来。拖动鼠标，同时选中这三
个图形，单击“绘图”工具栏的“绘图”按钮并选择“组合”命令。
下面来设置动作。在这个按钮上面单击右键，你可能会很沮丧。
因为“动作设置”选项呈灰色不可用。别急，在高光部分再单击一
次，出现如图5所示。这时，在高光部分单击右键，就可以选中“动
作设置”项。用同样的方法设置下部反光部分的动作。
反光部分
我们再一起来制作其他颜色的水晶按钮。按住Ctrl键不放，在
刚做的红色按钮上按下鼠标左键拖动，复制一个按钮。单击圆形底
图部分，给它填充不同的颜色，绚丽多彩的水晶按钮就诞生了。当
然，还可以给圆形底图填充图片。若图片是GIF格式的，水晶按
钮还可以自由的运动。
利用PPT仿制Flash遮罩效果实例教程
1、绘制图形。打PPT，新建一个空白幻灯片。插入一个文本框，输入要显示的文字，如“电脑报软件世界”，设置字体为楷体、字号为72、文字颜色为白色。再画一个圆，设置边线为无色，填充效果为双色渐变，颜色1为白色，颜色2为黄色，透明度从0到80%，中心辐射，第一中变形，这样看起来比较像灯光。调整大小使它刚好可以遮住左边第一个字。
2、设置动画。右击圆形，选择“自定义动画”，单击“添加效果”按钮，选择“进入——出现”。再选中圆形，单击“添加效果”按钮，选择“动作路径——其它动作路径——橄榄球形”，点“确定”后拖动出现的调节柄，尽量把它压扁并调整长度，使之覆盖整行文字。然后设置“开始”为“之后”，“速度”为“非常慢”。
3、生成遮罩。选择“格式——背景”把背景色设置为黑色。选中文本框，剪切，再点击“编辑——选择性粘贴”选择“图片（GIF）”。选中粘贴的图片，右击，选择“设置图片格式”——图片控制——颜色——灰度——把亮度、对比度分别调整为11%、15%左右即可。
4、进阶效果的实现。上面介绍的方法只能实现最简单的遮罩效果，其实只须稍
稍动，我从头就可以做出更炫的效果来。
（1）插入背景图片，调整好大小，位置后复制成两份，把广西框“置于顶层”，并调整好在图征上的位置。把文本框和一张背景图形组合（剪切：选择性粘贴）。按上面第3步的操作方法使白色文字部分透明。然后调整位置使上层带透明文字的图征与做背景的图片完全重叠，这样你将看不到图上有字。动画圆的设置和前面一样，只要把动画圆的叠放次序设置在两层图片之间即可。
（2）灯照对象为图片。插入要显示的图片，再画一个足以遮住图片的黑色矩形，把矩形和圆组合后，用上面第3步的方法把白色圆设置成透明，并为这个矩形遮罩添加“橄榄球形”效果。最后，把背景色设置成与矩形相同的黑色并让矩形遮罩完全遮住底图即可。
篇三：photoshop制作水晶质感立体按钮
photoshop制作水晶质感立体按钮
浏览网页的时候, 经常可以看到很多水晶质感立体按钮, 这种网页按钮有很强的水晶立体感.
漂亮的效果为网页增色不少,
这也成为网站平面设计必须掌握的基本电脑知识
了. 下面我们也来看看如何制作水晶质感立体按钮.
1. 首先，制作一个红色的倒圆矩形.
新建一个photoshop文件。
用圆角矩形工具，拖出一个矩形.
在顶部设置它的参数与颜色为红色
如下图颜色为#D32424 的圆角矩形制作完成
2. 制作按钮的底部
把圆角矩形图层复制一次，在复制出的图层上按鼠标右键，再栅格化图层，这样将形状图形转化为像素图形。同样将另一个图层进行栅格化处理成位图.
将上面的圆角矩形命名为"Button Top" ，下面的图层命名为"Button Base" ，这里我们为了制作出3D按钮的立体质感效果，将会用底部的图层来做阴影，上面的图层保持不变，所以选中底部图层，调整"色相/饱和度"参数如下
将两个图层的位置进行移动，下面的图层向下移动大约
10像素，做完后效果如下：
3.为3D按钮上面的图层进行视觉上的修饰
先选中上面的图层，使其整个处于选中状态，随后按“选择>修改>收缩”,让选区缩小1px
然后我们用工具栏的加深工具，设置参数如下
在选中的图层上按住shift从左向右进行涂抹
对上面的层添加如下图设置的图层样式
再为下面的图层添加图下设置的图层样式
完成后的效果如下，有了初步的3D立体效果
4 制作3D立体效果中的水晶光感效果首先设置的笔刷
免费论文网友情提示：本网站所有内容为共享上传提供，不涉及任何商业利益，本站对此不承担任何保证责任！
Copyright © www.csmayi.cn Corporation, All Rights Reserved 共享时代 共享你我他 版权所有