ai怎么做盒子效果图_AI制作一个漂亮的3D立体质感标志

这篇教程详细介绍了如何使用Adobe Illustrator (AI) 制作一个具有3D立体感的标志。通过一系列步骤,包括形状组合、3D效果应用、渐变高光和阴影的添加,以及在Photoshop中进行后期处理,最终完成了一款专业的3D标志设计。
摘要由CSDN通过智能技术生成

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

937dc41b6d34ea3e46892878737c7887.png

具体的绘制过程如下:

首先我们从illustrator开始

新建文件,设置如下图

945023d8fe8be56caf30bf366ab29caa.gif

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

6839d2a8bdb2a3bab0eb2f110b31023a.gif

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

01f99c25673edc80241566a1371458fa.gif

d077365fbb1bf0684a706a05f12fe187.gif

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

e3c097614d5ca60cdb663942471c3f9d.gif

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

22e4c4fac6ef85a4071e3519260e0c5b.gif

合成形状

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

9957ac6c928beb75cfa2f9e98a012a14.gif

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

7fb28542d0193c7435768a10a0b9ca62.gif

f3ab833a47cdfb3286a218bb5f2c6cd3.gif

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

4ba0e6a28040f7bdb9c90f88e5802676.gif

现在开始做效果了

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

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

6df42d1cac6cebff02535599eb992651.gif

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

2c791de0d7b503a4b82dd7c974d455ee.gif

创建新的形状

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

7e4821a4b4226c909b6a74e76c7ff73c.gif

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

67a5b46155e0682fe6d67d208088671c.gif

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

36f776fc43ab5855e02ed122ec0416f6.gif

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

167cc07eaee3ffd74474e055240396d0.gif

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

c5f7dfd048cc5e231ee242cf4beb3dc6.gif

为LOGO增加3D效果

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

09072d000cc27c0c16bdfce61bdf1086.gif

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

03f36cd621d4b81e61a62fda988d283b.gif

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

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

9dca87d189785d7c1431ce74a55a8531.gif

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

c595de0dcee3bfa294b2c51f89cff9cf.gif

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

7cc1cf6a7c5c1b7f0f2f7b03c93d433a.gif

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

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

46bb4220e70471c457a237e0d81a79a4.gif

开始使用photoshop

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

04964956eebf2bd58d6aba3f06cbb28b.gif

填充渐变色

6f3098c64c07b050d5efbe2f0c35736a.gif

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

0ef76bd5f11cde3ced2f503e6a47262f.gif

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

3bb0bf45dd61b1f02fa4bf51e077088f.gif

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

d40ff01f514613fd804b7c3be8cb49ff.gif

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

0e36a0548c4e551278b78c93a3da8386.gif

c7c75243d3c79eb6fd992cd89535ff19.gif

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

a268849b05dcd7e793ef96d9c6cae012.gif

c3b9aec7832e47894238c651c3db10bb.gif

0a4f2f2fbdf614687f5cc7a574607bf2.gif

添加阴影线

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

84ac909f5a8db883454941f65767ee4e.gif

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

db240fa17f3126aef8272563dd0dc8e1.gif

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

b8dc4f04a2e2de1496f2dfb73e5c0e24.gif

946cd6e8f576f6bc26cefe629e325f8d.gif

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

da41b766edddf889ea3c6dbf68d478a7.gif

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

937dc41b6d34ea3e46892878737c7887.png

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值