当前位置:首页 > PS教程 > 网页设计

ps设计粉色漂亮播放器按钮

  • 2022-12-24 19:22:05
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要使用Photoshop制作粉色质感的立体播放图标,这次给大家分享一个质感按钮的绘制过程,图是临摹的,教程整理很辛苦,喜欢大家可以喜欢这个教程的效果。

红色按钮绘制完成啦~

在掌握了基本要领以后,接下来绘制另外三个奶白色的按钮,这里具体的步骤不再多讲。

复制组1的红色按钮,将组命名为组2

选择组2的最上面一层,删除图层

更改图层的"渐变叠加"颜色以及"斜面和浮雕"的阴影颜色,其他参数相同,做出如图效果。

(PS:颜色的选用要自己多多观察,这样才能调出合适的配色)

ps设计粉色漂亮播放器按钮

最后,在按钮中央绘制圆角三角形,并添加图层样式,改变"渐变填充"颜色和"斜面和浮雕"阴影的颜色,其他参数基本相同。

ps设计粉色漂亮播放器按钮

用同样的方法绘制剩下的两个按钮,效果如图。

ps设计粉色漂亮播放器按钮

最后,在组1的下面新建组,命名为"shadow",为按钮统一添加投影。

ps设计粉色漂亮播放器按钮

在"shadow"层内新建图层,单击选择工具绘制一圆形选区,使用渐变工具,选择径向渐变,将渐变条设置颜色如图,在选区内由中心向边缘拖动光标,填充选区,如图。

ps设计粉色漂亮播放器按钮

ps设计粉色漂亮播放器按钮

ps设计粉色漂亮播放器按钮

Ctrl+D取消选择,执行滤镜>模糊>动感模糊,角度设为90,距离为200。移动调整投影的位置,如图。

ps设计粉色漂亮播放器按钮

使用矩形选框工具绘制选区,如图。

ps设计粉色漂亮播放器按钮

单击图层下方的蒙版工具,图层自动为选区添加蒙版,如图。单击图层上的蒙版,执行滤镜>模糊>高斯模糊,半径为10,如图。

ps设计粉色漂亮播放器按钮

ps设计粉色漂亮播放器按钮

修改图层混合模式,改为"正片叠底",最后,调整该层的不透明度为63%左右。效果如图。

ps设计粉色漂亮播放器按钮

复制几个投影图层出来,分别放在其他3个按钮下面,最终效果如图。

ps设计粉色漂亮播放器按钮

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条