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

  • 来源: 学UI网   2016-06-01/10:10
  • 步骤 7

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

    145GMP4-39

    7. 添加文本

    步骤1

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

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

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

    145GM364-40

    步骤2

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

    145GIB1-41

    步骤 3

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

    145GH359-42

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

    步骤1

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

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

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

    145GI129-43

    步骤2

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

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

    145GJP8-44

    步骤3

    选择Main形状,外观面板,设置描边,颜色白色,不透明度50%,混合模式叠加

    粗细2px,在描边弹出面板中,选择描边内侧对齐

    145GJD9-45

    步骤4

    选择Main图层,外观面板,添加新描边,颜色R=55 G=32 B=35 粗细1px,在描边面板中选择内侧对齐。

    再添加一个描边,颜色R=35 G=31 B=32, 不透明度10%, 混合模式柔光,粗细1px,描边面板中外侧对齐

    145GJ2Z-46

    步骤5

    选择Main形状,外观面板,选择最底部的填充,添加4朵阴影,设置如下。

    145GJ546-47

    步骤 6

    重选Main形状,外观面板,效果>风格化,圆角,10px,确定

    145GG002-48

    完成

    AI最终成果:

    49

    QC制作的简易动画:

    145GM938-50

    上一页 1 23下一页

    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多