Illustrator制作超酷的立体正方形迷宫效果

所属分类: 平面设计 / Illustrator教程 阅读数: 1306
收藏 0 赞 0 分享

本教程是教大家如何利用Illustrator制作立体正方形迷宫效果,制作出来的迷宫非常酷,教程难度适中,但需要朋友们有一定的耐心。教程很不错,转发过来,希望大家喜欢本教程。

我们先来看看制作出的效果:

Photoshop制作立体效果的正方形迷宫,破洛洛

具体的制作步骤介绍如下:

打开AI,用矩形工具分别绘制50px×50px、700px×700px的矩形各一,粗为10pt的黑色描边,无填充。Shift+F7调出对齐面板,让这两个矩形中心对齐。

Photoshop制作立体效果的正方形迷宫,破洛洛

【对象】|【混合】|【混合选项】,设置混合选项的间距属性为指定步数,12步。

Photoshop制作立体效果的正方形迷宫,破洛洛

Photoshop制作立体效果的正方形迷宫,破洛洛

Ctrl+Alt+B建立混合。效果如下。

Photoshop制作立体效果的正方形迷宫,破洛洛

【对象】|【扩展】。

Photoshop制作立体效果的正方形迷宫,破洛洛

这样得出的图形是编好组了的,为了便于选择,Ctrl+Shift+G取消编组。用铅笔工具绘制自己想要的路线。我这里用红色描边示意——

Photoshop制作立体效果的正方形迷宫,破洛洛

使用剪刀工具,对最小方框开口。(注:剪刀工具(C) 用于在特定点剪切路径。)

Photoshop制作立体效果的正方形迷宫,破洛洛

将剪出来的路径移到合适的地方,形成阻隔。

Photoshop制作立体效果的正方形迷宫,破洛洛

按照"挖东墙补西墙"的这种方法,做出迷宫。

Photoshop制作立体效果的正方形迷宫,破洛洛

隐藏红色路线图层。全选路径,【对象】|【扩展】。然后Ctrl+Shift+F9调出路径查找器面板,使用"联集"。

Photoshop制作立体效果的正方形迷宫,破洛洛

效果如下。

Photoshop制作立体效果的正方形迷宫,破洛洛

接着转3D效果。【效果】|【3D】|【凸出和斜角】。

Photoshop制作立体效果的正方形迷宫,破洛洛

Photoshop制作立体效果的正方形迷宫,破洛洛

Photoshop制作立体效果的正方形迷宫,破洛洛

绘制100×100的矩形,填充白色到灰色的渐变。

Photoshop制作立体效果的正方形迷宫,破洛洛

在选择着这个矩形的时候摁F8,新建符号,使符号名为"墙壁",类型为"图形"。

Photoshop制作立体效果的正方形迷宫,破洛洛

调出"外观"面板,打开"3D凸出和斜角"选项。切记不是像前面步骤那样到"效果"菜单栏去选取,否则将重复"3D凸出和斜角"。

Photoshop制作立体效果的正方形迷宫,破洛洛

贴图。选择之前已经创建成了符号的"墙壁",选择"缩放以适合"。(注:只贴侧壁,要贴很多次,这个过程极其需要耐心,囧)

Photoshop制作立体效果的正方形迷宫,破洛洛

结果如下。

Photoshop制作立体效果的正方形迷宫,破洛洛

【编辑】|【编辑颜色】|【重新着色图稿】。

Photoshop制作立体效果的正方形迷宫,破洛洛

Photoshop制作立体效果的正方形迷宫,破洛洛

如果我们还想修改渐变,可以双击渐变矩形,调整过渡。

Photoshop制作立体效果的正方形迷宫,破洛洛

OK,这个其实不是成品,但是本人电脑已经运转不过来了,这个AI文件再也打开不了了。乍一看感觉也还行。好吧那就当做完工了~~~~~

Photoshop制作立体效果的正方形迷宫,破洛洛

教程结束,以上就是利用Illustrator制作超酷的立体正方形迷宫效果过程,是不是很酷啊,喜欢的朋友也可以自己尝试制作一个哦!感谢大家观看本教程!

更多精彩内容其他人还在看

钢笔工具怎么绘制弧线?AI钢笔工具用法全解

弧线的方法有很多,比较常见的是使用钢笔工具画弧线,那么钢笔工具怎么绘制弧线?下面小编就为大家全解AI钢笔工具用法,不会的朋友可以跟着教程一起来学习
收藏 0 赞 0 分享

AI钢笔工具绘制绿色树枝

这篇教程是向脚本之家的朋友介绍AI钢笔工具绘制绿色树枝方法,教程绘制出来的树枝非常地不错,难度也不是很大,推荐到脚本之家,喜欢的朋友可以跟着教程一起来学习吧
收藏 0 赞 0 分享

AI圆角矩形工具绘制联通标志

这篇教程是向脚本之家的朋友介绍AI圆角矩形工具绘制联通标志方法,教程比较基础,很适合新手来学习,推荐到脚本之家,喜欢的朋友可以跟着教程一起来学习吧
收藏 0 赞 0 分享

AI绘制星形logo标志的两种方法介绍

这篇教程是向脚本之家的朋友介绍AI绘制星形logo标志的两种方法,教程制作出来的标志很不错,教程难度不是很大,推荐到脚本之家,喜欢的朋友一起来学习吧
收藏 0 赞 0 分享

AI快速制作逼真的缠丝文字效果

这篇教程是向脚本之家的朋友介绍AI快速制作逼真的缠丝文字效果方法,教程制作出来的缠丝文字效果非常不错,难度不是很大,推荐到脚本之家,喜欢的朋友可以一起来学习
收藏 0 赞 0 分享

在AI中让一个图形沿着某一点或顶点旋转复制

这篇教程是向脚本之家的朋友介绍在AI中让一个图形沿着某一点或顶点旋转复制方法,教程比较基础,很适合新手来学习,推荐到脚本之家,喜欢的朋友一起来学习吧
收藏 0 赞 0 分享

AI简单制作长投影教程

这篇教程是向脚本之家的朋友介绍AI简单制作长投影方法,教程比较基础,很适合新手来学习,推荐到脚本之家,喜欢的朋友可以跟着教程一起来学习吧
收藏 0 赞 0 分享

超实用AI描边小技巧:AI画一个圆点组成的圆

这篇教程是向脚本之家的朋友介绍超实用AI描边小技巧,就是利用AI画一个圆点组成的圆,教程比较基础,很适合新手来学习,推荐到脚本之家,喜欢的朋友一起来学习
收藏 0 赞 0 分享

AI简单快速绘制扇形渐变效果小技巧

这篇教程是向脚本之家的朋友介绍AI简单快速绘制扇形渐变效果小技巧,教程比较基础,很适合新手来学习,推荐到脚本之家,喜欢的朋友可以跟着教程一起来学习,希望大家喜欢
收藏 0 赞 0 分享

AI制作漂亮抽象的背景图案教程

这篇教程是向脚本之家的朋友介绍AI制作漂亮抽象的背景图案方法,教程制作出来的背景图案非常的漂亮,难度也不是很大,推荐到脚本之家,喜欢的朋友可以过来参考一下
收藏 0 赞 0 分享
查看更多