• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > Illustrator绘制3D立体形状的小方块教程

Illustrator绘制3D立体形状的小方块教程

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-23

佚名 向大家分享了Illustrator绘制3D立体形状的小方块教程,其中包含illustrator 绘制,adobe illustrator,illustrator,illustrator cs6下载,illustrator教材等知识点,遇到此问题的同学们可以参考下
对AI只知道几个基本工具,所以今天的教程让我研究了好半天。对于熟悉软件的,教程偏简单,推荐稍微懂AI然后想进阶的亲们,可以试一下。

先来效果图

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

1.新建一个700*700px的文件,RGB。输入任意三个字母,使用Calibri Bold字体,400pt,然后对象-扩展,注意扩展后需要取消编组。

2.把三个扩展后的字母设置成符号。打开符号面板,选中“A”,然后点击符号面板上的新建符号,命名为A。重复这个过程把其他两个字母也设置一下。这样就拥有三个新符号了。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

3.使用矩形工具画一个350*350px的正方形,填充颜色为147,149,152。

选中这个正方形,选择效果-3D-凸出和斜角,点击更多选项,进行如图设置:

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

4.然后点击贴图。选择表面1,选择符号A,按照如图设置。同理再设置表面5、表面6。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

5.选中这个方块,执行对象-扩展外观,打开图层面板就会看到自动生成了很多编组。按住Alt键点击图层左边的小箭头,就会展开所有图层。删掉如图显示的几个剪贴路径。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

整个群组,按Ctrl+Shift+G四次,取消多余的编组,然后将每个图层重命名,方便以后的查找编辑,最终达到如下效果:

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

6.选择编辑-首选项-常规,将键盘增量设置为2.5px。复制三个字母,将副本至置于图层底部并设置不可见,之后会用到。然后选择字母A,复制并粘贴到顶部(Ctrl+C-Ctrl+F),填充为白色,上移10px,然后按照下图所示复制并移动其他两个字母。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

7.接下来完善字母浮雕的效果。打开智能参考线,以便寻找锚点。首先是字母A,使用钢笔工具,画三个简单的图形,来连接下图所示的锚点。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

选中底部的黑色A和刚才画的三个矩形,进入路径查找器面板,点击联集。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

复制顶部白色的A,粘贴到顶部。然后将联集生成的图形和复制的白色A同时选中,点击减去顶层。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

这样就得到了一组三个黑色的图形,就是浮雕的侧面。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

8.然后重复步骤7来处理字母C、B。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

9、接下来给方块儿加点颜色。

选择图层A Side,就是方块的上面。填充颜色57,181,74。调出外观面板(我头一回知道外观面板是这么用的),给这个图层添加渐变,左色值RGB:141,255,112,右色值RGB:57,181,74,注意右滑块不透明度为0。然后添加一个黑色的颜色填充,不透明度5%,正片叠底,然后添加新效果-艺术效果-胶片颗粒,参数如下。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

看着效果挺好,但是如果放大来看,图形边缘有很多锯齿,这是刚才的胶片颗粒的效果造成的,所以需要处理一下。选择A Side图层,复制-粘贴在上方,填充白色,然后选中这两个图层,调出不透明度的面板,点击制作蒙版,就搞定啦。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

10.这一步是给顶层添加个边缘高光。将键盘增量改为1px,复制刚才的蒙版,粘贴在上方两次。选择上方的副本上移一下,然后选中这两个副本,选择减去顶层,给剩下的图形填充RGB:141,198,63,图层模式为叠加。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

然后使用删除锚点工具去掉下图所示的两个锚点,这一步是为了让高光更自然。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

11.接下来是图层B Side。注意右滑块的不透明度是0。同样也要去掉胶片颗粒产生的锯齿。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

然后做这个面的高光,这次是向右向下各移动一次。高光条颜色填充为209,211,212,正片叠底。需要删除的锚点如下图。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

12.然后是图层C Side。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

这次是向左向下各移动一次,色值130,231,232,正片叠底,需要删除的锚点位置如图。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

13.现在将步骤6中隐藏的副本A可见,它在图层里的位置应该在所有字母下方,方块各个面的上方。下移1px,填充0,104,56,不透明度50%,正片叠底,然后进行效果-模糊-高斯模糊,半径1.5px,形成投影效果。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

14.选择字母A侧面三个图形组成的编组,填充40,40,40。

注意:这里有几个步骤我给删掉了,完整版请参照原文。

Illustrator绘制3D立体风格的小方块教程,PS教程,思缘教程网

新建下图所示的渐变样式并保存到色板里,之后直接调用即可。然后按图示添加渐变。

注意,黄色的0说明这个滑块的不透明度是0。

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 用Illustrator绘制一只可爱的卡通小兔子
  • Illustrator绘制简约复古的闪光灯图标
  • Illustrator绘制一条简洁清新的DNA链
  • Illustrator绘制一个停止图标
  • Illustrator绘制3D立体形状的小方块教程
  • Illustrator绘制一只飞翔的海鸥
  • illustrator绘制可爱的卡通向日葵
  • Illustrator绘制一幅精细的抽象效果的桌面壁纸
  • Illustrator绘制6组不同扁平化风格的动物卡通头像教程
  • Illustrator绘制非常漂亮逼真的立体苹果效果

相关文章

  • 2017-05-23AI怎么制作渐变网格?
  • 2017-05-23Ai怎么绘制加号系列图标?
  • 2017-05-23Ai简单绘制一个剪贴板图标
  • 2017-05-23ai怎么绘制一个逼真的网球?
  • 2017-05-23AI制作非常漂亮有质感的水晶效果图
  • 2017-05-23AI制作凹凸印刷文字效果
  • 2017-05-23Illustrator(AI)模仿制作整齐逼真的瓷砖拼贴效果图案实例教程
  • 2017-05-23Illustrator简单制作逼真的毛线球艺术字
  • 2017-05-23AI简单绘制太极图案
  • 2017-05-23不到一分钟 Ai快速绘制立体星形

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Illustrator 制作漂亮的证卡变幻线
    • AI制作漂亮质感效果的金属文字
    • Illustrator CS6 打造孔雀花纹的字体效果
    • AI简单绘制漂亮的热气球
    • Ai怎么制作一个简单的音乐符号图标?
    • AI的混合工具使用方法介绍
    • AI打造可爱的卡通岩石文字效果
    • ai怎么绘制漂亮的花纹图形?
    • 怎么将AI文件转换成CDR文件?ai文件转换cdr的教程
    • AI如何替换一些色板呢?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有