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

打开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   设置图层样式

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

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

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/photoshop/12126499.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

剪切蒙版图层样式形状生成器渐变滤镜质感
img

相关文章

教程评价

基于 5 条评论
5.0
平均分
5 stars
100%
5
4 stars
0%
0
3 stars
0%
0
2 stars
0%
0
1 stars
0%
0

发表评论

电子邮件地址不会被公开。 必填项已用*标注

CAPTCHA Refresh

  1. avatar头像

    那么问题来了,【STEP3 PS设置背景图案】这个步骤是干嘛的?

  2. avatar头像

    你好 请问为什么我的ai把描边图形复制粘贴到ps不能分层? ai是cc2017,ps是cc2015,是不是不兼容?

    • author

      要一个一个复制黏贴不要一起哦~

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新