AI制作一个漂亮的3D立体质感标志

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

这篇教程教脚本之家的朋友们用AI制作一个漂亮的3D立体质感标志方法,教程绘制的效果图很漂亮绘制的难度中等,教程中同时还是用PS做了简单的处理。转发过来和脚本之家的AI爱好者们一起学习这个标志的绘制。希望大家喜欢这篇教程。先来看看最终的效果图吧:

AI制作立体质感标志 脚本之家 AI实例教程

具体的绘制过程如下:

首先我们从illustrator开始

新建文件,设置如下图

AI制作立体质感标志 脚本之家 AI实例教程

现在使用椭圆工具在工作界面上画一个正圆(按shift键画)

AI制作立体质感标志 脚本之家 AI实例教程

然后填充颜色选择“无”,边线颜色为黑色,宽度为25pt,如下设置

AI制作立体质感标志 脚本之家 AI实例教程

AI制作立体质感标志 脚本之家 AI实例教程

然后我们选择“对象>扩展”,这样做的目的是将圆内实心区域与边线区域分离

AI制作立体质感标志 脚本之家 AI实例教程

看看我们已经将圆圈(无白色实心)分离出来了

AI制作立体质感标志 脚本之家 AI实例教程

合成形状

使用线条,粗细为25pt,画如下长方形,使用“对象>扩展”

AI制作立体质感标志 脚本之家 AI实例教程

移动两个形状到如下位置,然后确定左右是否对齐,你可以按ctrl+y只查看轮廓,再按一次ctrl+y就返回有颜色的图形

AI制作立体质感标志 脚本之家 AI实例教程

AI制作立体质感标志 脚本之家 AI实例教程

然后将长方形与圆顶部对齐,可以按ctrl+r查看顶部位置

AI制作立体质感标志 脚本之家 AI实例教程

现在开始做效果了

这里我们将使用到illustrator中的功能,如果你不熟悉illustrator,建议学下,这是一个和photoshop互补性很强的矢量软件

按"窗口>路径查找器",在形状模式中选择如下图按钮,合成这两个形状

AI制作立体质感标志 脚本之家 AI实例教程

看上去没什么变化吧,你可以使用"对象>扩展外观"看一下,原来两个形状现在只看到一个形状了

AI制作立体质感标志 脚本之家 AI实例教程

创建新的形状

我们新建一个正方形形状,并旋转90度调整他的位置

AI制作立体质感标志 脚本之家 AI实例教程

把做好的正方形放到如下位置,你可以使用"窗口>路径查找器"中的对齐面板

AI制作立体质感标志 脚本之家 AI实例教程

将位置对齐后,只选择放块这个形状,按鼠标右键"选择>下方的最后一个"

AI制作立体质感标志 脚本之家 AI实例教程

随后选中所有形状,在路径查找器面板中选择"减去后方对象"

AI制作立体质感标志 脚本之家 AI实例教程

LOGO的形状到这里就基本完成了

AI制作立体质感标志 脚本之家 AI实例教程

为LOGO增加3D效果

当我们完成LOGO标志的形状后,按"效果>3D>凸出和斜角",出现如下设置面板,设置参数如下

AI制作立体质感标志 脚本之家 AI实例教程

按确定后我们有了个基本的3D效果图,我们要为其增加一些膨胀效果,按"对象>扩展外观"

AI制作立体质感标志 脚本之家 AI实例教程

为LOGO标志图形增加渐变高光

窗口>渐变,我的设置如下图,这里你未必要和我用同样的颜色,使用你自己喜欢的颜色就行

AI制作立体质感标志 脚本之家 AI实例教程

使用"直接选择工具(A)"选择3D图形的内部区域,如下图

AI制作立体质感标志 脚本之家 AI实例教程

随后为其添加我们之前设置好的渐变效果

AI制作立体质感标志 脚本之家 AI实例教程

现在为图形正面添加渐变,类型选择径向,随后从中心向外拉出渐变线

为其他面也使用渐变,类型选择线性

AI制作立体质感标志 脚本之家 AI实例教程

开始使用photoshop

将你在illustrator中完成图形保存下(保存为eps格式,这是photoshop下能处理的矢量格式),随后用PS打开,用椭圆选区工具绘制底部阴影

AI制作立体质感标志 脚本之家 AI实例教程

填充渐变色

AI制作立体质感标志 脚本之家 AI实例教程

完成后类似如下图形,现在感觉阴影还很生硬

AI制作立体质感标志 脚本之家 AI实例教程

使用"滤镜>模糊>高斯模糊",设置如下,随后看到底部阴影出现模糊状,感觉更加真实

AI制作立体质感标志 脚本之家 AI实例教程

调整阴影不透明度为30%,随后新建图层,制作两边的小阴影,同样为他们添脚高斯模糊滤镜,设置半径为4.8,将不透明度设置为70%

AI制作立体质感标志 脚本之家 AI实例教程

按alt+shift拖动左边小阴影,将其复制一个图层到右边,完成3D标志图形的制作

AI制作立体质感标志 脚本之家 AI实例教程

AI制作立体质感标志 脚本之家 AI实例教程

现在在做一些小的调整,选择LOGO图形顶部的方块,为其增加高亮渐变

AI制作立体质感标志 脚本之家 AI实例教程

AI制作立体质感标志 脚本之家 AI实例教程

AI制作立体质感标志 脚本之家 AI实例教程

添加阴影线

现在已经很完美了,但我们还可以做调整,新建图层,使用钢笔工具制作如下路径

AI制作立体质感标志 脚本之家 AI实例教程

使用笔刷工具,设置主直径为1,硬度为100%

AI制作立体质感标志 脚本之家 AI实例教程

回到钢笔路径,鼠标右建选择-描边路径,选择之前做好的笔耍

AI制作立体质感标志 脚本之家 AI实例教程

AI制作立体质感标志 脚本之家 AI实例教程

为钢笔线条调整不透明度到58%

AI制作立体质感标志 脚本之家 AI实例教程

增加LOGO标志文字,完成整个LOGO设计

AI制作立体质感标志 脚本之家 AI实例教程

教程结束,以上就是AI制作一个漂亮的3D立体质感标志方法介绍,大家学会了吗?希望能对大家有所帮助!

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

AI的偏移路径制作一个LOGO风格的时钟

这篇教程是向脚本之家的朋友分享AI的偏移路径制作一个LOGO风格的时钟方法,教程制作出来的LOGO风格非常漂亮,难度不是很大,很值得大家学习,推荐过来,一起来学习吧
收藏 0 赞 0 分享

ai做宣传册文件太大怎么压缩到最小?

ai做宣传册文件太大怎么压缩到最小?用ai给公司制作了宣传册,但是文件太大了,想压缩小一点该怎么办呢?下面我们来看看ai宣传册文件缩小的详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

AI CS4 绘制一只逼真的钢笔教程

这篇教程是向脚本之家的朋友分享AI CS4 绘制一只逼真的钢笔方法,教程绘制出来的钢笔非常逼真,教程比较实用,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI简单制作破裂的艺术文字

这篇教程是向脚本之家的朋友分享AI简单制作破裂的艺术文字方法,教程制作出来的文字非常不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI画笔工具绘制一名艺术男青年肖像

这篇教程是向脚本之家的朋友分享AI画笔工具绘制一名艺术男青年肖像方法,教程绘制出来的效果还是挺不错的,难度不是很大,推荐到脚本之家,喜欢的朋友可以过来学习一下
收藏 0 赞 0 分享

Illustrator制作超酷炫的张靓颖演唱会宣传海报

这篇教程是向脚本之家的朋友分享Illustrator制作超酷炫的张靓颖演唱会宣传海报方法,教程制作出来的海报非常酷炫,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI怎么打造一枚精致铁扣环样式的图形?

AI怎么打造一枚精致铁扣环样式的图形?想制作一款类似于铁链环扣样式的图形,该怎么绘制呢?今天我们来教大家使用ai绘制精致环扣的教程,图文详细,需要的朋友可以参考下
收藏 0 赞 0 分享

illustrator cs绘制超酷的黄色钢盔教程

这篇教程是向脚本之家的朋友分享illustrator cs绘制超酷的黄色钢盔方法,教程绘制出来的效果真的很不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI绘制矢量的电影图标教程

这篇教程是向脚本之家的朋友分享AI绘制矢量的电影图标方法,教程绘制出来的图标非常漂亮,难度不是很大,介绍的也很详细,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

Illustrator渐变填充打造精致的logo标志

这篇教程是向脚本之家的朋友分享Illustrator渐变填充打造精致的logo标志方法,教程制作出来的logo非常漂亮,难度不是很大,推荐到脚本之家,大家快快来学习吧
收藏 0 赞 0 分享
查看更多