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

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

步骤6

重新选择白色圆环,选择外观面板,确保整个路径被选中,然后 效果>风格化>投影,一共3次,如下图。(混合模式:柔光)

Illustrator设计时尚简约风格的信息折线图,PS教程,思缘教程网

步骤 7

开启对齐网格,选择白色圆环和高光&阴影,然后按Control - G编组,复制两份(Control - C > Control - F),然后放置在图中的位置。

Illustrator设计时尚简约风格的信息折线图,PS教程,思缘教程网

7. 添加文本

步骤1

现在需要网格线为间隔为1px,在首选项>参考线和网格中设置,

用字体工具,在画布上点击,如下图添加文本,确保选择字体后,颜色设置R=187 G=183 B=200

打开字符面板(窗口>文字>字符),选择Calibri字体,粗体,尺寸12px

Illustrator设计时尚简约风格的信息折线图,PS教程,思缘教程网

步骤2

选择所有文本图层,添加5层长投影。(可利用图形样式,混合模式记得是柔光)

Illustrator设计时尚简约风格的信息折线图,PS教程,思缘教程网

步骤 3

选择文字工具,如下图,加一行字,颜色,字体,样式同上,尺寸15px,记得使用同样的图层样式。(好吧,文字有点弱智,"本周我们吃的甜甜圈数量")

Illustrator设计时尚简约风格的信息折线图,PS教程,思缘教程网

8. 为主形状(Main图层)添加颜色,阴影和高光

步骤1

选择Main形状,外观面板,再添加一个填充。不透明度50%,混合模式为叠加

打开渐变面板(窗口>渐变),点击渐变缩略图,添加黑白线性渐变。注意渐变面板,选择左滑块,确保颜色为白色,右滑块,确保颜色为R=30 G=61 B=81,不透明度设置为0%。

选择这步所添加的填充。点击渐变工具Gradient Tool (G), 在画布上拉伸线性渐变,如下图。

Illustrator设计时尚简约风格的信息折线图,PS教程,思缘教程网

步骤2

重新选择Main形状,外观面板,添加第三个填充,颜色设置为黑色,不透明度7%,混合模式为正片叠底

效果>艺术效果>胶片颗粒,设置如下。

Illustrator设计时尚简约风格的信息折线图,PS教程,思缘教程网

 收藏