超人气教程!3分钟教你学会渐变新玩法(2)

这类渐变效果看着酷炫,但做起来很简单,来看@安全蛋 如何带你用网格工具和自由变换工具轻松搞定它!

第一期回顾:《超人气教程!3分钟教你学会渐变新玩法》

效果图:

超人气教程!3分钟教你学会渐变新玩法(2)

AI 操作部分:

步骤一:

新建一个矩形,利用 网格工具 在矩形中创建网格。

超人气教程!3分钟教你学会渐变新玩法(2)

△ 新建矩形

超人气教程!3分钟教你学会渐变新玩法(2)

△ 创建网格

步骤二:

使用 直接选择工具 选择矩形中的锚点,调整颜色,制作渐变;颜色调整好后,可以拖动这些锚点,改变渐变的造型。

超人气教程!3分钟教你学会渐变新玩法(2)

△ 给锚点添加颜色

超人气教程!3分钟教你学会渐变新玩法(2)

△ 调整网格形状

步骤三:

框选刚才所制作出的渐变,Ctrl+C复制 ,进入PS。

PS 操作部分:

步骤一:

在PS中新建好一个画布,Ctrl+V粘贴,选择像素。

超人气教程!3分钟教你学会渐变新玩法(2)

△ 粘贴进PS

超人气教程!3分钟教你学会渐变新玩法(2)

△ 粘贴进PS

步骤二:

使用 椭圆形状工具,创建一个正圆,并创 建剪贴蒙板,合并两个图层。

超人气教程!3分钟教你学会渐变新玩法(2)

△ 创建正圆

超人气教程!3分钟教你学会渐变新玩法(2)

△ 创建剪贴蒙板

步骤三:

使用 自由变换-变形,达到改变造型的效果。

超人气教程!3分钟教你学会渐变新玩法(2)

△ 自由变换-变形

步骤四:

给制作好的渐变调整 色相/饱和度,并添加 滤镜-杂色-添加杂色。

超人气教程!3分钟教你学会渐变新玩法(2)

△ 调整色相/饱和度

超人气教程!3分钟教你学会渐变新玩法(2)

△ 添加杂色

步骤五:

根据自身的需要,我们还可以添加一些装饰图形,以及一些文字的排版。

最终效果:

超人气教程!3分钟教你学会渐变新玩法(2)

△ 效果图

相关教程推荐:

  1. 《超人气教程!3分钟教你学会渐变新玩法》
  2. 《变化之美!重新回归主流的渐变色设计趋势》

更多精品设计干货请访问 www.uisdc.com

另外想要了解更多优质教程,欢迎关注 @优设基础训练营

还有我@安全蛋!!我们下次再见咯!!

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量190万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏 32
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。