photoshop制作网页指示框效果

2024-10-12 11:34:06

1、新建ps文件,背景填充白色

photoshop制作网页指示框效果

2、矩形工具创建圆角矩形,圆角为3px

photoshop制作网页指示框效果

3、设置图层样式-描边

photoshop制作网页指示框效果

4、设置图层样式-渐变叠加

photoshop制作网页指示框效果

5、设置图层样式-投影

photoshop制作网页指示框效果

6、效果如图

photoshop制作网页指示框效果

7、复制图层,清楚图层样式,ctrl+t透视把图层设置为如下效果

photoshop制作网页指示框效果

8、执行滤镜-模糊-高斯模糊

photoshop制作网页指示框效果

9、添加三角如图

photoshop制作网页指示框效果
猜你喜欢