美文网首页视觉艺术
AI制作科技感渐变图形(2)

AI制作科技感渐变图形(2)

作者: 设计小余 | 来源:发表于2019-08-05 11:41 被阅读4次

    前言:

    写文章记录设计,也是自己巩固知识的一种方式,当然无私的分享我也希望你们会喜欢并且可以学以致用,受用的是自己哦!

    前段时间自己学习做了一个圆形的科技感的发光图形,然后做成简单的海报发到朋友圈,很多人都觉得还不错,问我这个图形怎么做的,口头叙述是无法说的清楚的,毕竟设计这个东西,并不是只能说说而已的,只有自己亲自动手做了才会明白,才会体会到它的含义和技巧!

    今天就专门详细的写一篇关于科技感图形的制作方法,做起来很简单,但是需要有耐心,无论做什么事情都需要静下心来慢慢做,才能做好,在生活中做什么事情都是一样,带着浮躁的心情去做事情,你会发现怎么做都做不好,还一直觉得问题不在于自己本身!

    好啦!

    开始我们今天的教程啦!

    首先还是看看今天的最终教程的效果图吧!

    图形是在AI中做好,然后再到PS里排版和配色!,AI中同样可以调色哦,不过根据个人习惯吧,只要最终能做出来效果图就OK啦!

    好啦!紧跟我的脚步我们一起来动手实战吧!

    01:

    首先在AI中创建一个画布,大小可以根据自己需要随意设置,我这里设置的是500X300px,然后画一个黑色矩形挡住画板,锁定位置,也可以在新建画布的时候直接设置成黑色的背景,这里的黑色背景只是有利于做出的图形方便看效果图,只要你选择的颜色不一样都是可以的,没有硬性的要求哦!

    02:

    画一些带有科技感的小图形,组合在一起,我这里都是画的矩形组合的,自己可以根据自己喜好画一些图形即可

    03:

    鼠标选中我们画好的图形,在窗口中找到符号,窗口——符号

    04:

    这时候就会出现我们的符号面板,选中我们刚刚画好的图形,添加到我们的符号面板中,下面红色部位以及框选

    05:

    接下来我们再画一个空心正圆并且去除一方的锚点,得到半圆形的边框

    06:

    选中图形,选择菜单栏中的效果——3D——绕转,打开预览

    07:

    点击贴图,进入贴图面板,符号选择刚刚新建的“科技图形”再调整中间图形铺的面积,调整到合适的位置,调整好后记得打开“三维模型不可见”

    (这样它的背景色才会看不见,才会是透明的图形)

    08:

    最后还需要在3D绕转面板调整图形的角度,直接在正方体模型上调整即可,调整到一个合适满意的角度点击“确定”即可

    09:

    这时候你会发现得到的图形是不能编辑的,同样和上一次做的科技图形一样的道理,我们需要将图形扩展,才能进行编辑

    (扩展前)

    (扩展后)

    10:

    再接下来就直接把图形取消编组,以及释放剪切蒙版,得到单独的图形

    这样将会得到两个科技感的图形,并且角度不一样的,

    11:

    最后画一个和图形一样大小的正圆放在图形底部,做一个渐变,以及做一个投影,我们想要的科技感图形就完成啦

    12:

    完成之后只需要把图形放在PS中做一个简单的排版就可以啦,是不是很简单,12步就完成一个简单的科技图形banner制作!

    好啦!

    今天的教程就到这里啦,一个简单的图形制作,教程一步一步很简单,很详细,希望你们喜欢,如果你们喜欢就动手做起来吧,如果有什么不懂得地方可以留言我会一一回复哦!

    欢迎关注设计小余公众号

    和我一起探寻设计之路

    相关文章

      网友评论

        本文标题:AI制作科技感渐变图形(2)

        本文链接:https://www.haomeiwen.com/subject/qsgpdctx.html