篇一:用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立体效果中的水晶光感效果首先设置的笔刷
《ps水晶按钮制作》
由:免费论文网互联网用户整理提供,链接地址:
http://m.csmayi.cn/meiwen/28065.html
转载请保留,谢谢!
- 上一篇:两学一做党支部台账
- 下一篇:大自然的语言小练笔