AI+PS基础教程！一个小案例教你掌握插画渐变噪点

Hi~ 我是开车转弯贼6的实习司机 – 猫大力

原图作者：∆ Studio–JQ ∆

图文教程作者：猫大力（欢迎戳我交作业，有问题也可以戳～）

很多优秀的矢量插画都会通过噪点来丰富画面细节，本教程教你做出常见插画的噪点渐变质感，AI+PS入门级小练习，花不了多少时间，记得要做作业哦~

STEP1 新建AI画布，创建图形

• 打开AI，新建1280*1024画布
• 选择【椭圆工具】，按住shift键，绘制一个235*235 px的正圆，描边1px，黑色，复制2个
• 选择【星形工具】，按住“下”方向键 ↓ ，减少“角”，直至变为三角形，调整好大小，按照图中位置摆放
• 选中所有三角形，使用【形状生成工具】，选择圆内三角形的部分，合成新的形状

STEP2  生成新图形

• 使用【选择工具】，删除圆以外的三角形其余部分，和圆，命名为“山峰1”
• 按照“山峰1”的步骤，制作“山峰2”
• 使用【椭圆工具】，按住shift键，绘制一个28*28 px的正圆，命名为“太阳”

STEP3   PS设置背景图案

• 打开PS，新建50*50px画布，ctrl+R调出标尺拖拽辅助线，垂直平分画布
• 使用【椭圆工具】，绘制4个6*6px 的正圆，如图分布 ，定义图案命名为“圆点”
• 另建1652*1068的画布，背景层填充#f1f1ef，新建一层命名为“圆点”，编辑-填充图案

STEP4   为形状图层着色

• 将AI的描边图形复制，粘贴到PS中，选择“形状图层”
• 为每个形状添加颜色，圆 - #ededeb ，山峰1 - #ec7237，山峰2（太阳）- #f2a549

STEP5   添加噪点质感

• 新建一层，命名为 – ”噪点层”，对“山峰1”，进行剪切蒙版设置
• 使用【渐变工具】- 线性渐变，颜色#ffd121，在“噪点层”从上到下的拉一个渐变
• 滤镜 - 杂色 ，高斯分布，单色，值为8

STEP6   设置图层样式

• 为“圆”设置图层样式 – 内阴影 ，参数如图

最新教程欢迎关注 @优设基础训练营 与大丁丁少女猫大力，最新设计干货请戳→优设网，更多精彩教程尽在优优教程网~