Date 2026-07-02 21:05:48
这种渐变效果看起来很酷，但做起来很简单，看看@安全蛋 如何用网格工具和自由变换工具轻松带你去做！
第一期回顾:“超人气教程！教你3分钟渐变新玩法。
原图作者：Vasjen Katro教程作者：@安全蛋详细视频教程地址：http://www.bilibili.com/video/av8665203效果图：
步骤一：
新建矩形，使用 网格工具 在矩形中创建网格。
△ 新建矩形
△ 创建网格
步骤二：
使用 直接选择工具 选择矩形中的锚点，调整颜色，制作渐变；颜色调整后，可以拖动锚点，改变渐变形状。
△ 添加锚点的颜色
△ 调整网格形状
步骤三：
刚刚制作的渐变框选，Ctrl+C复制 ，进入PS。
步骤一：
在PS中新建一个画布，Ctrl+V粘贴，选择像素。
△ 粘贴进PS
△ 粘贴进PS
步骤二：
使用 椭圆形工具，创建正圆，创建正圆 建造剪贴蒙板，合并两层。
△ 创建正圆
△ 创建剪贴蒙板
步骤三：
使用 自由变换-变形，达到改变形状的效果。
△ 自由变换-变形
步骤四：
做好渐变调整 添加色相/饱和度，并添加 滤镜-杂色-添加杂色。
△ 调整色相/饱和度
△ 添加杂色
步骤五：
我们还可以根据自己的需要添加一些装饰图形和一些文字的排版。
△ 效果图
请访问更多精品设计干货 www.uisdc.com
此外，如果您想了解更多关于高质量教程的信息，请关注 @优设基础训练营
还有我@安全蛋！！下次见！！！
【优设网 原创文章 投稿邮箱：yuan@uisdc.com】
================优设网==============.com“它是中国最受欢迎的网页设计师学习平台，专注于分享网页设计、无线终端设计和PS教程。设计师需要阅读的100本书：历史上最完整的设计师图书导航：http://hao.uisdc.com/book/.设计微博:拥有190万粉丝的人气微博@优秀网页设计 ，欢迎来到网页设计资源，下载顶级设计资料。设计导航：世界顶级设计网站推荐，设计师必备导航：http://hao.uisdc.com