最美UI

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

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

效果图:

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

AI 操作部分:

步骤一:

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

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 新建矩形

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 创建网格

步骤二:

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

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 给锚点添加颜色

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 调整网格形状

步骤三:

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

PS 操作部分:

步骤一:

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

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 粘贴进PS

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 粘贴进PS

步骤二:

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

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 创建正圆

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 创建剪贴蒙板

步骤三:

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

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 自由变换-变形

步骤四:

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

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 调整色相/饱和度

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 添加杂色

步骤五:

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

最终效果:

zuimeiui.com_超人气教程!3分钟教你学会渐变新玩法 最美ui

△ 效果图

来源:uisdc

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
斗图不能输!告诉你如何制作属于自己的GIF动态表情
下一篇
双重影像技法 让你的设计更有冲击力!