熊的 你还会做科技感图表呐?

 

利用AI创制高科技感图表的简单教程,配色用成我这样一定会被老板开除...



今天早上爬起来看见网红@过气网红小高说 (对这是他公众号名字)转了个链接,讲怎么创建高逼格的科技感图表,虽然现在海大的大创答辩基本都完事儿了,PPT该做也都做完了,但是你们肯定还是谁用得上的!接下来我把那个教程里一般人看不懂的说明翻译成只要照着做就可以实现的人话。





你是否眼红过别人这种虽然看起来巨简单就是说什么也在PPT里做不出来的图表?今天熊来告诉你:这些不是在PPT里做的。有一个软件叫Adobe Illustrator,也就是当谈到平面设计时说的“Ai”(并不是Artificial Intelligence那个AI)。

没错就是左下角那个橙色的Ai。


Ai是一个创制矢量图的工具。你问我什么是矢量图?首先作为一个在大学学过数学的大学生,你肯定得知道矢量是什么,就是有方向有大小的量(熊高数大物全挂了所以可能说的特别不严谨,求数学帝放过)。矢量图就是用这些有方向有大小的量组成的数学公式描述的图。(与之相对的是位图,就是由大家都知道的像素组成的图片)。矢量图好处都有啥,谁说对了就教ta?矢量图可以任意地放大缩小,与此同时不需要担心画面失真,因为数学公式在同乘一个倍数的时候是不会失真的。
 上面那段都是废话,以前我发的教程没人看肯定是因为废话太多了。
接下来直接进正题:

怎么在Ai里画一个高逼格图表?

首先我们来打开Ai。熊用的是Adobe CC 2015里带的Illustrator CC 2015。
打开之后点文件→新建,随便建一个画布,具体配置都不用动,因为我也不知道该改啥→ →反正最后都是要复制出来的不会直接放在这个画布里。



点击确定之后我们得到了一个空白的画布,为了方便处女座的同学观看我按了ctrl+”来召唤出网格线。

接下来画一个长条,代表百分之百的长度。点击左侧的工具栏当中的矩形图标
然后在画布上随便什么位置左键点住,拖动鼠标会看见出现一个矩形。可以注意到当你拖动的时候右下角会出现两个数值,分别代表宽度和高度。十分奇怪的是就算是矢量图,软件还是会习惯性地用像素(px)作为度量单位。
改变“100%”矩形大小。手拖出来的矩形肯定是不精确的(除非你鼠标精确到爆炸,手也不会抖),我们需要直接修改数值来让图看起来更规整。
选中矩形的情况下点击我画红圈位置的“形状”这俩字,跳出来一个小窗口:
第一行是修改长宽,第二行是旋转,下面的两行是修改圆角半径创建圆角矩形用的,我们只修改第一行数值(记得把中间的锁定长宽比的按钮点掉,不然你怎么改这个矩形,他都是等比例缩放不会变瘦)。本例中我们改成400*20,看起来就很长很细很高端了。

下一步,修改“100%”矩形的颜色和描边。初始的矩形是白色加1点黑色描边的,但是作为一个高逼格图表,纯白尚可忍受,这个黑描边是怎么回事???所以我们先把白色改掉。点击界面右侧竖条上的色板按钮(下图展开的那个就是),然后选一个你喜欢的颜色。



如果给出的颜色中没有的话,双击最大的那个白色(在PS相当于前景色的位置),然后在你熟悉的取色器(如下图)里选一个颜色就可以(或者直接复制一个色号)。



改完前景色之后,再改描边。点击前景色下面那个黑色线框,让它到前面来,然后选择下面色块中左上角那个红色斜线,这个在Adobe系列软件中代表“无色,不填充”。



最终效果如下图:



这样你就得到了一个“100%”矩形了。

接下来做里面的小数据矩形,基本思路就是复制100%矩形,缩短宽度,改个颜色。具体方法是:

点击工具栏中最上方的黑色箭头,也就是选择工具。



把鼠标移动到刚才的“100%”矩形上,点一下鼠标左键选中这个矩形。按ctrl+c复制这个矩形,再按ctrl+v粘贴这个矩形,这样你就得到了两个重叠的一样的矩形,按上面的方法修改它的宽度和颜色。



对我知道这个东西没有按套路出牌出现在最左侧或者最右侧,现在先不用管它。用选择工具圈选这两个矩形,还是复制粘贴,你会在下面看见一样的一对矩形,适当调整位置别让所有的矩形对重叠起来。依然修改宽度和颜色。

经过一顿瞎搞之后你会得到这样四个并不规整的矩形对:



接下来还是选择工具圈选所有这些东西,然后在“形状”这俩字旁边你会看见“对齐”这俩字,点一下。



这么多对齐选项,我们点左上角第一个。



你看,是不是很好地都对齐到最左侧了。接下来修改间距。(直播身败名裂时间)保持选中所有的方块,然后点一下最上面的方块,可以注意到它的线条被加粗了,这时对齐选项的分布间距也可以用了。



随便给个数值然后点这行最右侧的按钮。

并不是想象中的效果啊喂!
所以熊这里犯了个错误,应该只选择四个“100%”矩形,把他们拖走,然后改他们的分布间距,再改做为数值的小方块,最后让他们对齐。



之所以要拖走是因为重叠了之后再分别选两类方块会很麻烦。

总之最后你会得到这样的四条东西:



是不是看起来有点科技感的意思了?(配色一定不要选这种很随便的!要上网找高逼格的配色!)

接下来要进入Ai最厉害的地方了,一定要注意看。点选刚才色板下面的那个笔筒图标,会出来一个小窗口,这是画笔面板。



选中所有的方块,然后按住左键拖进这个小窗口。在弹出来的窗口里选“艺术画笔”。



接着啥都不用管点确定。



在刚才的绘制矩形按钮处长按左键,弹出的菜单选椭圆。



按住shift随便找个空白地方画个正圆。



按照刚才的套路把它的前景色改成空白,描边不用管。

改好之后点击刚才我们做出来的画笔。



高端不高端!觉得不够高端还可以转转圈(还是选择工具的功能)。



照例日常添加少许细节。

好了这次就到这里!祝你们玩坏Ai!
希望不要被当成抄袭的抓走


    关注 熊的


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册