跳到主要内容
[经验与技能]

小E精讲分析图第一弹——小清新分析图

作者: 2021-08-022021年08月03日暂无评论

本文作者:Tani是个画图匠    出处:画图小E

【前言】

我是小E的Tani,这是我首次写教程,我的小讲主要针对方案逻辑的表达,也就是通俗的说是分析图,但这并不全面。也包括一些辅助表达的渗透,例如字体设计、版式设计和色彩搭配等等。小讲主要目的在于交流,若大神们看到有什么不对的地方希望指正,我希望尽自身的能力为大家提供点帮助。谢谢。

今天我们讲的是小清新分析图。很多时候我们做分析图,难免会找一些参考,下面的图是今天的参考图,类似大家所熟知的BIG分析图,但是有些细节上区别,BIG的小清新分析图很多是要经过su渲染的,而这样的图示不需要渲染的,通过简单的su导图加上AI的简单处理就能完成,所以更快捷高效。

A.分析参考图

这一步是大家很容易忽略的一步,也是很关键的一步。通过以上5张图观察,共同点是a.模型简单的线型,且外轮廓线加粗b.简单的人物配景c.图标说明功能问题加上简单的文字说明。而第5张图较前4张多了阴影 ,显得图面更为丰富。今天我们来简单制作一下第5张图。下面是制作好的成图。

B.模型制作

用su软件简单的制作图面的信息。(这里是参考图片做的模型,而平常我们要学会利用自己的模型来处理相同的效果)做好模型后,建立场景(操作:视窗—动画—添加场景)(目的是导出的视图角度大小一定)

C. 导图

利用su 的vary 渲染插件了解视窗大小,导出图。在这里是1600*784。

①. 导线稿图

操作:文件- 导出- 二维图形- 选择pdf 格式- 选项- 调整图纸大小1600*784

导阴影图

操作:a窗口-样式-编辑-把边线和轮廓线去选

         b文件-导出-二维图形-jpg格式-选项-图像大小调为1600*784(这里把尺寸放大一倍对于消除锯齿有很帮助)

③导出的图.下面第一张为导出的pdf线稿第二张为导出的jpg阴影

D.导图处理

①导入ai,把导好的图拽到ai(Adobe Illustrator)软件里面

②分建图层,把两个图放到一个操作面板里,并分图层新建(图层快捷键:F7)

③图层处理,把图层1里面的线稿和色块图区分,并图层新建。

a线稿处理:随意选择一条线-选择-相同-描边颜色(所有的线稿就会被选中)分图层,并且把线粗细调整为2pt(描边快捷键:ctrl+F10)

b色块处理:随意选择一个灰色色块-选择-相同-填充颜色(所有的灰色色块被选中)-调出颜色面板并调为白色

④外轮廓线处理

边线处理把模型最外边线(即模型轮廓线)一点点选中-描边粗细改为10(根据视图效果自定粗细,重要的是对比度)

D.添加元素

①调整纸张大小

根据参考图大小需要调整纸的尺寸大小

操作:文档设置(快捷键:ctrl+alt+p)-编辑画板-根据所需缩放纸尺寸

②添加图标(新建图标图层)

操作:通过素材库选择合适图标-做合适处理(颜色、描边粗细、引线)

③添加人物(新建人物图层)

操作:通过素材库选择合适剪影人物-做合适处理(大小、颜色)


④添加文字标注(新建标注图层)

操作:文字(快捷键:T)-缩放-复制…(标注的字体一定要重视,作为很关键的设计元素存在

⑤调节阴影

操作:调出透明度面板(快捷键:ctrl+shift+F10)-调节透明度大小

E.保存完成

这里建议保存成pdf格式,pdf格式是有ai的历史编辑功能,简单的说,你保存的pdf第二次拽到里面,之前保存的图层还存在,方便修改。


作者公众号:

如果想加群的可以联系作者私人微信:492567172

发表评论

  • 有问题加我微信