PS设计教程网欢迎你!

Illustrator设计时尚简约风格的信息折线图

文章来源于 学UI网,感谢作者 MartinRGB 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2015-09-17
本教程主要使用Illustrator绘制简约风格的折线图表效果图。我们工作中也常常要做一些图表的分析,信息列表图。如果你提交的一份简洁的信息折线图,那么领导心里肯定能默默的为你加上几分印象分。通过下面的步骤,你将学会用AI创建简单的折线图。

先看看效果图

Illustrator设计时尚简约风格的信息折线图

具体的制作步骤如下:

1.创建新文档,设置网格

按 Control-N创建新文档,具体设置如下。

Illustrator设计时尚简约风格的信息折线图

打开网格(视图>显示网格),对齐到网格(视图>对齐网格)

Illustrator设计时尚简约风格的信息折线图

打开首选项>参考线和网格,网格间距线5px ,次分割线1。记下网格线的开启/关闭的快捷键,方便关闭网格线观察创作。

Illustrator设计时尚简约风格的信息折线图

首选项>单位,全部设置为像素

Illustrator设计时尚简约风格的信息折线图

打开信息面板(窗口>信息),动态预览形状的尺寸和位置。

2.创建背景和主体形状

步骤1

选择矩形工具(M),去除描边颜色,填充颜色设置R=40 G=35 B=45.

点击一下工作区,高宽均为610,然后点击OK

打开对齐面板(窗口>对齐)。水平并垂直居中对齐。

打开图层面板(窗口>图层),双击形状图层,命名为"Background"图层

步骤2

矩形工具 (M),

颜色设置为R=30 G=61 B=81,

创建475px宽高的正方形,

垂直水平居中对齐后,命名为"Main"图层

Illustrator设计时尚简约风格的信息折线图

3. 创建虚线网格

步骤 1

去除填充颜色,描边颜色设置为 (R=255 G=255 B=255).。选择矩形网格工具,打开矩形网格窗口,设置如下,然后点击确定。

Illustrator设计时尚简约风格的信息折线图

Illustrator设计时尚简约风格的信息折线图

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa