如何用PS快速做出3D按钮效果的图片
2015-03-28 13:49
507 查看
1 先建立一个透明图层
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/61a1d8ba348f1d7a929749cb030abd47.png)
2:再创建一个矩形
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/07fdbe2998ff2e39a5da7dae7a7acec4.png)
3:选用过喷样式
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/fa36992fb6a4922e70f7292522c6d5ea.png)
4: 双击图层并应用蓝色,记得这里应该复制下颜色的16进制值.
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/23625c51aa3a764304e7242d4d141b41.png)
效果如图所示
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/d2d2b240b5ccc4f7483f6b55d485daaa.png)
取消光泽选项,大功告成!
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/a421f5bbf98443788bd62094b6567329.png)
最终效果如图所示,将其保存为PNG格式的图片即可使用.
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/f5a8a044c55039347e74d105ae67ab61.png)
通过调节如下图所示的大小,可以制作不同深浅的按钮
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/0411e406a0965afeda2fd7404c19cb17.png)
效果图如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/6ea9b9c52dab0aa6c752533a3ce0d249.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/2a54d011a97c29bf0ffd1ba82d95e008.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/dc8097cd0c5d52cd42be8efde386e874.png)
如果要制作圆形按钮,那么自定义形状时选择圆形即可.
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/208b14be12e2d9ee2f3d340861a29d5d.png)
这真是太简单了!
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/61a1d8ba348f1d7a929749cb030abd47.png)
2:再创建一个矩形
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/07fdbe2998ff2e39a5da7dae7a7acec4.png)
3:选用过喷样式
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/fa36992fb6a4922e70f7292522c6d5ea.png)
4: 双击图层并应用蓝色,记得这里应该复制下颜色的16进制值.
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/23625c51aa3a764304e7242d4d141b41.png)
效果如图所示
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/d2d2b240b5ccc4f7483f6b55d485daaa.png)
取消光泽选项,大功告成!
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/a421f5bbf98443788bd62094b6567329.png)
最终效果如图所示,将其保存为PNG格式的图片即可使用.
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/f5a8a044c55039347e74d105ae67ab61.png)
通过调节如下图所示的大小,可以制作不同深浅的按钮
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/0411e406a0965afeda2fd7404c19cb17.png)
效果图如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/6ea9b9c52dab0aa6c752533a3ce0d249.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/2a54d011a97c29bf0ffd1ba82d95e008.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/dc8097cd0c5d52cd42be8efde386e874.png)
如果要制作圆形按钮,那么自定义形状时选择圆形即可.
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/11/208b14be12e2d9ee2f3d340861a29d5d.png)
这真是太简单了!
相关文章推荐
- 教你用ps如何将图片、文字做出模糊斑驳的作旧效果
- ps教程-如何把图片做出拼图的效果
- [导入]如何实现立体的DataGrid和具有Windows效果的图片按钮
- 如何实现立体的DataGrid和具有Windows效果的图片按钮
- 如何快速创建一个AJAX的"加载"的图片效果
- 用PS快速把风景图片转为水墨画效果
- [WinForm每日一贴] 如何实现UltraGrid中的图片按钮效果
- PS如何制作超酷3D字效果
- 对于在VB.NET如何制作图片按钮效果讲解
- 如何实现UltraGrid中的图片按钮效果
- 如何快速做出一个按钮
- ps怎么做出图片的凸出效果
- jQuery Howto: 如何快速创建一个AJAX的"加载"的图片效果
- 如何在一张图片上添加多个链接 ,如何利用js做出靠右侧浮动菜单栏的效果
- 如何通过PS制作图片文字效果
- PS也可以做出3D的效果
- 如何实现立体的DataGrid和具有Windows效果的图片按钮
- 如何用PS快速拾取网页图片十六进制颜色代码
- PS如何将一张图片做成多张图片叠加效果
- PS如何使用制作图片投影效果