photoshop

制作网页按钮弥散阴影效果

时间:2024-11-09 23:44:15 photoshop 我要投稿
  • 相关推荐

制作网页按钮弥散阴影效果

  弥散阴影设计技巧,即装逼,又实用,还能一秒提升作品质量,下面是由百分网小编为大家准备的制作网页按钮弥散阴影效果,喜欢的可以收藏一下!了解更多详情资讯,请关注应届毕业生考试网!

  先看看效果图

  第一步、以界面中的圆角矩形按钮来做案例,先画个500*100的圆角矩形,色值#52ca7a,得到一个圆角矩形,我命名为:学UI设计网【圆角】

  (朋友们要记住想用弥散阴影,先别用直角,圆角做出来的效果更好看)

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

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

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

【制作网页按钮弥散阴影效果】相关文章:

网页互动按钮的制作11-03

Photoshop制作网页按钮的方法07-26

PS如何设计一款带阴影的网页按钮08-28

使用PhotoShop制作斜纹质感网页导航按钮教程06-03

网页点击按钮返回顶部代码11-05

网页设计中如何设计按钮07-29

如何使用PS图层样式制作立体感的网页开关按钮06-09

制作photoshop金属质感按钮的方法10-30

怎样制作网页 制作网页详细操作步骤09-02

Dreamweaver如何自己制作图形按钮11-09