制作高光科技感背景图 photoshop教程 网页按钮设计 网店菜单导航设计

发布时间:2024-06-30 15:10:23 浏览量:164次

大家好,今天是休息日,在家里设计一些导航背景图,发现设计这些图案很有趣,而且在网页按钮设计、网店菜单导航设计等方面都非常实用。想要学习更多关于photoshop设计知识吗?那就跟着这份教程一起学习吧。

设计效果展示

打开ps,新建一个文档,尺寸1500x1000像素,分辨率选择72。填充黑色的背景图层,然后在上面创建一个长方形图层,填充颜色并添加渐变叠加,形成对比明显的效果。

渐变叠加

在右下角新建一个白色椭圆图层,给椭圆添加高斯模糊效果,然后调整透明度,增加背景的亮度。接着描边并设置叠加效果,调整透明度产生立体感。

增加椭圆图层

利用反选工具删除多余区域,然后添加渐变效果,调整透明度。重现选区,添加白色到透明的渐变,让设计更加立体。

图层透明度的调整

画一个弧形框,转换成选区,然后用渐变工具添加白色到透明的渐变效果,设置叠加模式,调整透明度。完成后,设计就大功告成了。

设计完成

虽然这次设计是背景图片,但是这些方法同样适用于网页按钮设计、网店菜单等。看了图层列表是不是感觉很简单呢?学会了吗?有问题或建议可以在评论区留言哦。

想学习更多电商美工技巧?关注我们,每天为您提供更多教程!

本文由粤北大叔彭生生原创,欢迎关注,带你一起长知识!

点击咨询

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定