制作立体感线条的方法

好久不见,这次要介绍的3D线条效果如下图:

AI教程 | 制作立体感线条的方法

想必类似的图也都看到过,今天就把制作方法简单整理出来,当做学习笔记,如果忘了还可方便来此翻阅查看。

这种立体线条效果可以用在平面广告上,或者banner图上,甚至某些LOGO也能运用这种效果元素。

话不多说,下面就进入操作步骤介绍。

Step 1: 新建画布

打开AI软件,也就是Adobe Illustrator。新建一个1000x1000px的画布,这个尺寸可以随意。

AI教程 | 制作立体感线条的方法

Step 2: 制作线条贴图

先把我们想要的线条纹理画出来,然后做成符号,后面贴图会用到的。

线条大小可以随意,比如我这里就先画一个30x300px的黑线条:

AI教程 | 制作立体感线条的方法

然后按住Alt键,点击该线条,向右拖动一定距离,比如60px,松手,然后Ctrl+D,再制,就得到下面的图案了:

AI教程 | 制作立体感线条的方法

至于复制多少个线条没有具体的,大家可以随意。

在这里简要说一下关于移动复制的方法:

第一个:选中线条后右键,找到移动,或者分别变换。

AI教程 | 制作立体感线条的方法

在弹出的设置中,把预览勾选上,如下图设置位置和角度,确认后点击复制按钮,然后再按Ctrl+D再制,一样可以复制很多线条出来,而且间距是一样的。

AI教程 | 制作立体感线条的方法

第二个方法就是,选中线条后按Alt+回车,依然会弹出移动设置对话框,跟上面一样设置好参数,点击复制即可。

AI教程 | 制作立体感线条的方法

好了,回到主线任务来,线条画好后,就要定义符号了,方法如下:

也很简单,如下图:

AI教程 | 制作立体感线条的方法

打开符号窗口,将画好的线条全选,然后直接拖动到符号窗口,这时会有弹窗,设置新建符号的名称,导出类型选择“影片剪辑”,符号类型选择“动态符号”,如下:

AI教程 | 制作立体感线条的方法

确定后,在符号窗口里就会有新建的线条符号了:

AI教程 | 制作立体感线条的方法

当然,新建符号的方式还可以点击符号窗口下面的新建按钮,前提是在选中我们画好的线条下,依然可以弹出刚才符号选项的设置窗口,这里就不截图说明了。

Step 3: 做3D效果和贴图

随便画一个圆形,然后效果菜单下的3D,选择绕转

AI教程 | 制作立体感线条的方法

在弹出的设置窗口中,勾选预览,适当加点位移(也就是中间会留空),调整下视角:

AI教程 | 制作立体感线条的方法

接下来点击“贴图”按钮:

AI教程 | 制作立体感线条的方法

符号选择之前定义的线条符号,然后再点击下方的“缩放以适合”:

AI教程 | 制作立体感线条的方法

仔细看效果图,会发现线条的衔接处是两根线条在一起,我们需要的是一根黑线条填充,所以还需要稍微改动一下。

如下图,拖动红色箭头指的控制点,向左拖动,让这个黑色线条刚好移出到贴图的边缘,再来看效果图就正常了。

AI教程 | 制作立体感线条的方法

然后把“三维模型不可见”勾选上:

AI教程 | 制作立体感线条的方法

点击两次确定之后,我们会看到一个镂空的立体感线条图形,但是不明显,或者说线条有点乱,这时候我们再执行以下几个操作。

首先,选中图形,在“对象”菜单下选择“扩展外观”

AI教程 | 制作立体感线条的方法

其次,执行“取消编组”命令,也就是打散这些线条,需要执行多次,直到不能取消编组,也就是取消编组的命令变灰色:

AI教程 | 制作立体感线条的方法

第三,取消完编组后,右键选择“释放剪切蒙版”

AI教程 | 制作立体感线条的方法

最后,选择对的线条将其删除掉,这一步,需要一点空间想象力或者多试几次,反正删错了撤回就行了,直到出现下面的效果:

AI教程 | 制作立体感线条的方法

需要说明的一点,当全选图形后,前景色是黑色或者其他颜色,只要前景色是可以正常显示颜色就行,如果不能显示颜色,那就说明图形里面还有一些多余的线条没有删除干净,比如下图,我全选后前景色是带问号的,说明没有删除干净,这样的情况会导致后续更改图形颜色出错。

AI教程 | 制作立体感线条的方法

调整好后,就可以改改颜色,换换背景了。

AI教程 | 制作立体感线条的方法

主要操作姿势就这么多,建立线条符号,可以尝试横着的,或者曲线的等等,然后运用3D的绕转,给3D图形建立贴图,就这些。

下面再放一些写文章时随意做的,有点草率,各位将就看下了,主要是操作姿势记录下来方便用就对了。

AI教程 | 制作立体感线条的方法

AI教程 | 制作立体感线条的方法

AI教程 | 制作立体感线条的方法

好了,That's all, thanks!


分享到:


相關文章: