ps怎么设计一款带阴影的网页按钮?

  发布时间:2017-06-06 10:17:02   作者:谭学健   我要评论
ps怎么设计一款带阴影的网页按钮?ps中想要设计一款带有阴影的网页按钮,该怎么设计呢?下面我们就来看看三步设计出网页按钮的教程,需要的朋友可以参考下

不定期更新一些小教程分享,希望能帮到你们。今天我就带着大家做一下弥散阴影设计技巧,即装逼,又实用,还能一秒提升作品质量,首先我们欣赏几个弥散阴影设计效果。先看看效果图。

1、以界面中的圆角矩形按钮来做案例,先画个500*100的圆角矩形,色值#52ca7a,得到一个圆角矩形,我命名为:设计网【圆角】,(朋友们要记住想用弥散阴影,先别用直角,圆角做出来的效果更好看)

2、ctrl+j快捷键复制设计网【圆角】得到设计网【阴影】,这里和直接在图层样式中添加投影样式的区别就在这里了:必须要把设计网【阴影】等比例缩小一些!然后透明度设40%左右,并向下移动15px左右(这些数值仅供参考,具体自己把握,方法是死的,人是活的,另外记得把设计网【阴影】图层移到设计网【圆角】下方)

3、点开PS工具栏中的窗口-属性-蒙板,设置羽化为10左右,就这样一个最最简单的弥散阴影就做出来啦!!

是不是很简单,我们可以发挥创意,运用弥散阴影技巧设计出更多有意思的小部件,并且完美运用。

相关推荐:

ps怎么使用图层面板中的搜索按钮快速找到所需图层?

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

ps怎么做一个朦胧的按钮? ps制作弥漫阴影效果的按钮的教程

相关文章

  • ps怎么使用图层样式制作旋转按钮?

    ps怎么使用图层样式制作旋转按钮?ps中想要制作一个漂亮的圆形按钮,今天我们就来看看使用图层样式来完成这个立体旋转按钮的教程,需要的朋友可以参考下
    2017-06-06
  • PS绘制超漂亮的渐变按钮ui图标教程

    本教程教脚本之家的photoshop矢量手绘学习者们使用PS绘制超漂亮的渐变按钮ui图标的方法,教程难度不大,主要用到ps的图层样式,感兴趣的朋友一起动手试一试吧
    2017-06-01
  • ps怎么设计一款清新优雅的音乐按钮图标?

    ps怎么设计一款清新优雅的音乐图标?ps中想要设计一款面板式的音乐按钮图标,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-06-01
  • PS怎么制作一个开始答题的按钮?

    PS怎么制作一个开始答题的按钮?ps中想要给网站设计一个开始答题的按钮,该怎么设计呢?下面我们就来看看ps制作按钮的教程,需要的朋友可以参考下
    2017-04-13
  • PS怎么画旋钮? PS绘制不锈钢按钮的教程

    PS怎么画旋钮?我们见到旋钮的地方有很多,该怎么绘制旋钮呢?下面我们就来看看PS绘制不锈钢按钮的教程,很简单,需要的朋友可以参考下
    2017-04-06
  • ps怎么制作按钮开关图标?

    ps怎么制作按钮开关图标?ps中想要绘制一个墙面上的开关按钮图标,该怎么绘制呢?下面我们就来看看详细的制作方法,很简单,需要的朋友可以参考下
    2017-03-24
  • ps怎么设计一款圆角透明水晶按钮?

    ps怎么设计一款圆角透明水晶按钮?想要给网站设计一款按钮,该怎么设置呢?下面我们就来看看使用ps设计圆角水晶按钮的教程,需要的朋友可以参考下
    2017-03-11
  • ps怎么制作一款素雅有质感的按钮?

    ps怎么制作一款素雅有质感的按钮?想要制作一个素雅的按钮,该怎么制作呢?下面我们就来看看使用ps设计按钮的方法,方法简单,需要的朋友可以参考下
    2017-03-10
  • ps怎么制作一个漂亮的导航栏按钮?

    ps怎么制作一个漂亮的导航栏按钮?ps中想要设计一个网站的导航条,该怎么制作呢?下面我们就来看看详细的设计教程,很简单,需要的朋友可以参考下
    2017-03-10
  • PS怎么制作很有质感金属按钮?

    PS怎么制作很有质感金属按钮?ps中想要设计一款金属按钮,该怎么设计呢?下面我们就来看看制作金属按钮的教程,感兴趣的朋友可以进来参考一下
    2017-03-08

最新评论