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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

步骤2

确保网格被选中,按Shift-Cmd-G取消编组。选择外框矩形删除,结果如下。

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

步骤4

选择所有白色路径,外观面板(窗口>外观)中选择描边,在弹出的面板中,设置如下。

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

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

步骤 5

选择所有白色路径,Cmd+G编组他们。选择该编组 效果>扭曲和变换>变换,设置如下。

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

步骤 6

选择虚线编组,在外观面板中,不透明度设置为25%。

然后效果>风格化>投影,设置如下。

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

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

4. 第一条线

步骤1

使用钢笔工具,画出如下图这般的简单形状。外观面板中取出填充,描边颜色设置为R=255 G=255 B=100,在描边弹出面板中,设置如下。

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

步骤2

选择黄色路径,在外观面板中,选择已存在的描边复制(如下图)。

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

选择新描边,粗细是3px,颜色设置R=255 G=222 B=23

效果>扭曲和变换>变换,属性设置如下图。

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

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

步骤 3

选择路径,选择上面橙黄色的3px描边,复制(参考上一步)。选择新描边,粗细1px,颜色设置R=247 G=148 B=30

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

点击变化效果,重新设置参数如下。

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

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

 收藏