教程集 > 建站教程 > Photoshop > 正文 photoshop网页常见的图片投影效果制作教程

photoshop网页常见的图片投影效果制作教程

发布时间：2023-05-06 编辑：jiaochengji.com

教程集为您提供photoshop网页常见的图片投影效果制作教程等资源，欢迎您收藏本站，我们将为您提供最新的photoshop网页常见的图片投影效果制作教程资源

今天小编在这里就来给photoshop的这一款软件的使用者们来说下网页常见的图片投影效果的制作教程，各位想知道到底该怎么制作的，那么下面就快来跟着小编一起看看教程吧。

给各位photoshop软件的使用者们来详细的解析分享一下网页常见的图片投影效果的制作教程。

教程分享：

看完后注意到了共同点没有?没错，上面这些图都有个共同点就是点缀了整个界面的精致阴影~

这就是本教程要分享给大家的最近大热的设计技巧：“弥散阴影”。相信大家早就见到过类似这些案例了，但你们真的尝试使用过吗?一个本来60分的古板扁平UI界面，加上这种阴影效果就能作品秒变大神啦~

现在开始三步教程，首先拿鄙人最近的一个羞羞案例来做示范(因为是示例，我把阴影加的有些重)：

第一步、这里以界面中的圆角矩形按钮来做示范，先画个230*60的圆角矩形，色值#ff4683，得到一个圆角矩形

(新手朋友们要记住想用弥散阴影的话，先别用直角，稍微几像素的圆角或直接圆角矩形做出来的效果更好看)

第二步、ctrl j快捷键复制圆角矩形A得到圆角矩形B，透明度设30%，并向下移动10px(记得把B图层移到A图层下方)

第三步、点开PS工具栏中的滤镜-模糊-高斯模糊功能，设置模糊半径为6，哒啦~一个最简单的弥散阴影就做出来啦!!!

依次类推，我们可以发挥创意，运用弥散阴影技巧设计出更多有意思的小部件，并且完美运用~~

好了，以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的网页常见的图片投影效果的制作教程分享的全部内容了，各位看到这里的photoshop软件的使用者们，现在你们是非常的清楚了制作教程了吧，那么现在各位就快去按照小编分享的去制作下吧。

[关闭]