Photoshop简单制作网页半透明按钮
http://tech.ddvip.com 2008年05月08日 社区交流
本文详细介绍Photoshop简单制作网页半透明按钮
1. 新建一个文件。选择一个前景色,用“圆角矩形工具”画出一个150*70的按钮主体形状,得图层“形状1”。
2. 复制该图层,得到图层“形状1 副本”,按 Ctrl+T 改变大小,将之收缩,如图。

3. 在图层“形状1”上处理“图层样式”的“渐变叠加”,参数设置如图,渐变颜色可以根据各人做合适的设置。

4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“外发光”等3个效果。
5. 将前景色设置为白色,用“椭圆工具”画出一个形状(具体效果看图),得到图层“形状2”,设置透明度为50%。

6. 保持状态,载入“形状1 副本”选区,利用选区添加蒙板。

7. 新建“图层1”,再次载入“形状1 副本”选区,“描边”:宽度为3px,颜色为白色,位置内部。添加图层蒙板,用“渐变工具”填充黑白渐变,效果如图。

8. 水晶按钮基本完成。将背景层设置为不可见,新建图层2,将图层位于最上方,按 Ctrl+Shift+Alt+E 键盖印图层。可将命名为“盖印图层”。然后复制该图层做成倒影(倒影效果可用蒙板,方法同第7步)。最后为按钮加上文字,设置阴影,水日按钮完成(附上图层)。


9. 可以调整“色相/饱和度”来获得多种颜色的水晶按钮。
来源:windsn 责编:豆豆技术应用
正在加载评论...
- Photoshop新闻
- Photoshop教程
- Photoshop文字特效
- Photoshop滤镜
- Photoshop笔刷/样式
- Photoshop作品欣赏
- Photoshop鼠绘
- Photoshop抠图
- Photoshop照片处理
- Photoshop笔刷下载
- Photoshop滤镜下载
- Photoshop 黑白照片专题
- Photoshop 照片美白专题
- Photoshop 怀旧照片专题
- Photoshop 磨皮教程
- Photoshop 彩妆教程
- Photoshop 照片上色
- Photoshop 色调搭配
- Photoshop 暖色调 冷色调
- Photoshop 梦幻效果
- Photoshop 背景处理
- Photoshop 照片处理视频教程
- Photoshop 偏色照片处理
- Photoshop 照片修复
- Photoshop 照片合成
- Photoshop 图片合成
- Photoshop 照片调色
- Photoshop 婚纱照处理
- Photoshop 反转负冲效果
- Photoshop 宝宝照片处理
- Photoshop 美女照片处理
- Photoshop 风景照片
- Photoshop 相框制作
- Photoshop 艺术照片
- Photoshop 倒影效果
- Photoshop 照片美容
- Photoshop 数码照片处理
- Photoshop 封面制作
- Photoshop 卷页效果
- Photoshop 特殊效果
- Photoshop 非主流效果
- Photoshop 美化专题
- Photoshop 模糊变清晰
- Photoshop 照片校正
- Photoshop 水滴效果
- Photoshop 签名制作
- Photoshop 通道抠图
- Photoshop 头发抠图
- Photoshop 图层抠图
- Photoshop 图层入门
- Photoshop 工具使用
- Photoshop 鼠绘人物
- Photoshop 鼠绘美女
- Photoshop 鼠绘实例
- Photoshop 通道教程
- Photoshop 抽出滤镜
- Photoshop 滤镜打造背景
- Photoshop 艺术字
- Photoshop 火焰字
- Photoshop 立体字
- Photoshop 水晶字
- Photoshop 3D文字
- Photoshop 金属效果
- 更多Photoshop专题……