利用 Photoshop 制作 Beveled 坡口效果

作者:     目录: CSS+HTML & 图片     发表: 2010年11月10日

点线面是一切美工设计的基础,之前介绍过 边框和线条美工设计的5个技巧 ,这里详细讲解如何利用 Photoshop 制作 beveled 坡口效果。

最终效果图:

利用 Photoshop 制作 beveled 坡口效果

制作原理:

通过在图层样式中设置投影、内阴影、渐变叠加、描边来实现上述效果。

制作步骤:

1. 制作圆形矩形框

直接利用“圆角矩形工具”画出一个圆角矩形框,然后“栅格化图层”(可省略)。

2. 设置图层样式

具体设置参考源文件,实现这个效果最主要的设置是 “内阴影”,“设置阴影颜色”为白色,然后根据需要将透明度减小到30%左右,投影角度设置为 90度。

源文件下载

♥阿里云服务器♥

云服务器,性价比高,建站首选。

阿里云服务器

♥支付宝现金红包♥

支付宝现金红包,每天可领,红包金额最高 99元,使用无门槛,支付宝扫码付、还信用卡、充话费都可以使用。

支付宝现金红包 每天可领

♥淘宝现金红包♥

淘宝粉丝福利,金额随机,使用无门槛,手机淘宝扫码直接领取现金红包。

淘宝现金红包

5 个评论

  1. viermei says:

    斜面浮雕也可以实现
    投影90度 模式:正常 距离1 大小1 颜色看情况自己调节
    斜面浮雕90度 内斜面 深度1 其他0 主要是调下面的高光和暗调
    描边1 颜色自定

    ad:美白

  2. SyranMo says:

    博主,源文件已过期了,可以重新提供源文件下载么? 特别需要这种效果,希望能分享,谢谢博主…

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据