百木园-与人分享,
就是让自己快乐。

AI教程!教你用网格工具制作渐变字效

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=926459169&as_wide=1

教程作者:o三牛o(授权转载)

交作业:#优设每日作业#

关于教程

这期教程主要为大家讲解了AI网格和自由渐变的应用,知识点还是挺多的,希望大家能耐心看完~

教程效果图

AI教程!教你用网格工具制作渐变字效

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 基础图形

对圆形进行排列组合,然后用形状生成器工具对他们进行合并。

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

Step 02 图形上色

结合网格工具,给不规则圆形添加丰富多彩的流体渐变色。

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

Step 03 添加文字

选择一个粗壮的、块面感较强的字体,输入文本并拉出圆角,然后添加上和上述圆形一致的渐变色。

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

Step 04 组合图形

将图形和文字组合在一起,用剪切蒙版功能将不规则圆形限制在文字范围内。

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

Step 05 线性图案

如果对上述效果不满意,还可以用混合工具给图形设计出线性的纹理图案,注意将多余的线条切除。

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

Step 06 调整完善

在周围添加少量装饰,提高画面整体的完成度。

AI教程!教你用网格工具制作渐变字效

AI教程!教你用网格工具制作渐变字效

最终效果图

AI教程!教你用网格工具制作渐变字效


来源:https://uiiiuiii.com/illustrator/1212298191.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI教程!教你用网格工具制作渐变字效

相关推荐

  • 暂无文章