平面设计 
首页 > 平面设计 > 浏览文章

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )

用photoshop可以做出不少很漂亮的图片和文字,很方便,也不是特别复杂。下面用photoshop cs5操作说明。

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

1、新建一个文件,大小为400*300像素的画布。

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

2、新建一个图层,将图层名改为“背景色”,填充任意一种自己喜欢的颜色。此例中使用的颜色是#fd698c。在“背景色”图层上新建一个图层,改名为“边框”

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

3、在“边框”图层上,选择“圆角矩形工具”,把上方属性里的半径设为25px,前面选择方框里一个钢笔的选项,表示画出来的圆角矩形是路径。在屏幕上任意拉出一个按钮的路径,鼠标点击路径面板,点下面的按钮,把路径转化成选区。

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

4、在”边框“图层上,选择”油漆桶工具“在选区里填充白色。在”选择“菜单里点”修改“下的”收缩“,在弹出的对话框里填1,即选取向内收缩1像素的宽度。把”边框“图层往下拖到”新建“按钮上得到”边框副本”图层。选中这个图层,按delete键删除。隐藏”边框“图层。此时,画布上只剩下一个白色的1px的边框。边框副本”图层上新建一个图层,改名为“渐变”。在此图层上选择“渐变工具”,选择第一个线性渐变,调整一下渐变的颜色和位置。如图所示,把中间位置的色标的透明度调成0%,这样就形成了一个两边都是白色,中间是透明的渐变。

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

5、在”边框副本”图层上新建一个图层,改名为“渐变”。在此图层上选择“渐变工具”,选择第一个线性渐变,调整一下渐变的颜色和位置。如图所示,把中间位置的色标的透明度调成0%,这样就形成了一个两边都是白色,中间是透明的渐变。

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

6、在“渐变”图层上新建一个图层,改名为“高亮”,在“高亮”图层上沿上下方向,按住shift键拉出一个渐变,取消选区。

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

7、拉出一个方形选区,放在按钮一半高度的下面位置,如图所示。选中“高亮”图层,点击delete键删除。如图高亮部分出来了。很漂亮的玻璃按钮就做好了。

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

PS怎么制作漂亮的玻璃按钮? PS制作粉色透明按钮的教程

注意事项:

1、先不要取消选区,等渐变完成后再取消选区。

2、操作的时候一定要注意选择的是哪个图层。

相关推荐:

PS cs6怎么导入AI文件?PS打开ai文件的教程

ps怎么画六边形?ps用做彩色蜂窝六边形的详细教程

PS不能打开png格式的文件因文件格式模块不能解析该怎么?

上一篇:ps怎么画一个带旋窝的火焰光束?
下一篇:Photoshop绘制可爱风格的卡通雪糕UI图标
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap