打印

AI制作漂亮的透明渐变球体

AI制作漂亮的透明渐变球体



这次的illustrator教程是学习用AI制作漂亮的透明渐变球体,主要用了椭圆工具、路径查找器、渐变工具还有风格化效果。最重要的制作部分还是对中间一层层的椭圆进行细节上的设置和调整,效果透明的很漂亮。喜欢的人赶紧来试试看吧。

具体制作步骤如下:

步骤1

打开Illustrator软件,新建一个1000px * 1000px的文档。分辨率为300,颜色模式RGB。



步骤2

打开视图—智能参考线,这个后面很有用。快捷键Ctrl+U。
选择椭圆工具,在画板中心点击,输入形状尺寸450px * 450px,画一个正圆。你还可以新建一个图层,添加两条参考线,用对齐按钮将它们居中,如图所示。



步骤3

在最上方新建一个图层,命名为“circles”,然后绘制8个新的椭圆。用变形工具将它们调整为合适大小,摆放到对应位置,如图所示。



步骤4

现在我们模拟一些透视效果。选择除最上方椭圆外的所有椭圆,按Alt + Ctrl + Shift + D打开分别变换工具。将垂直缩放改为103%,点确定。你选中的7个椭圆应该变长了一点。



步骤5

选中选择工具,按Shift+单击从上数第二个椭圆减选它。现在你只选中了6个椭圆,按Ctrl + D重复上一次的变形,这会使被选中的椭圆再变长3%。
重复上述操作,依次减选椭圆再重复变形。最终最下方的椭圆会超出大圆的边界。移动最下方的椭圆2像素来修正这个问题,现在的效果大概是这样。



步骤6

选择“circles”图层的所有内容(可以按Alt+单击这个图层),按Alt + Ctrl + Shift + D打开分别变换工具。这次垂直缩放输入115%并点击“复制”按钮。你会得到8个新的椭圆,每一个都比原图长了15%。





步骤7

用选择工具选择最上面2个颜色相同的椭圆。打开路径查找器,点“分割”按钮。对其余的相似椭圆重复上述操作。
表面上没有变化,但图形已经被分割了。



步骤8

点击直接选择工具(A),选择最上面那组椭圆。Alt+单击选中上面镰刀状的图案,按Delete键删除,留下一个有一定角度的圆盘。
剩下的椭圆都重复这样的操作,效果如图。



步骤9

现在开始填充颜色。这个自己喜欢就好。
用直接选择工具依次选择裁剪好的椭圆,去掉它们的描边颜色,颜色设置如下。

#FF2C85;
#F42DF7;
#662DEF;
#2F49E7;
#31A0DE;
#31DEC5;
#33CE4A;
#7BC636。
效果如图。



步骤10

现在边缘已经做好了,开始为环形的内部添加颜色。
8个圆形用8个渐变。渐变色选择每层的边缘色,设置100%透明度到完全透明。用渐变工具调整制作,设置如下。





步骤11

现在已经有初步效果了,可以对颜色做更细节的调整。用直接选择工具选中最上面一组形状,应用效果—风格化—内发光。模式选择滤色,50%不透明度,10px模糊并选择一个和渐变搭配的颜色。



全部重复操作之后,得到这样的效果。



步骤12

在“circle”图层下新建一层,画一个1000px * 1000px的正方形,填充一个深灰色的圆形渐变并锁定这一层。这时球体的某些部分可能显得太暗或太亮,按自己喜欢的调整就可以了。



步骤13

将“circle”图层拖到最上方。选择外面的正圆,按Ctrl + F复制三次。为最下方那个图层填充一个纯白到透明的渐变,描边无。用渐变工具调整渐变位置,将不透明度降为60%。
选择下一个圆形应用类似的渐变,这次将渐变调离圆形的中心,让它有一种发光的感觉,不透明度降至30%。
为第三个圆应用一个类似的粉色渐变,混合模式改为“色相”,不透明度60%。
为最后一个圆形填充淡黄绿色渐变,混合模式为“色相”,不透明度60%。具体设置如图。









步骤14

新建一层,命名为“highlights”,移到图层最上方。用钢笔工具画一些曲线侧面,填充浅白色,为球形添加一些高光效果。调整它们的透明度,强的40%,浅的10%,摆放到对应位置。

大功告成!



[ 本帖最后由 家有娇花 于 2013-12-26 02:06 编辑 ]


更多

顶一下 辛苦了

红友201612140900286于 2017-9-13 10:52 回复
全部免费素材下载    元素系   www.yuansuxi.com

:O

红友201612140900286于 2017-9-13 10:52 回复
全部免费素材下载    元素系   www.yuansuxi.com

很有幫助


教程太好了


作业

交作业咯,嘻嘻,后面步骤理解不过来

XE}Q{@$B(B5[K}`T6~TM%2M.jpg (58.76 KB) (2013-12-31 15:50)

XE}Q{@$B(B5[K}`T6~TM%2M.jpg


本帖最近评分记录
  • 鸢尾扣 经验 +1 鼓励加分 2014-2-17 16:58
  • 鸢尾扣 资源币 +2 鼓励加分 2014-2-17 16:58

交作业、、、

20131230.jpg (135.27 KB) (2013-12-31 19:26)

20131230.jpg


本帖最近评分记录
  • 鸢尾扣 经验 +1 鼓励加分 2014-2-17 16:59
  • 鸢尾扣 资源币 +2 鼓励加分 2014-2-17 16:59

练习了 一下

QQ截图20140102152211.jpg (18.02 KB) (2014-1-2 15:32)

QQ截图20140102152211.jpg


本帖最近评分记录
  • 鸢尾扣 经验 +1 鼓励加分 2014-2-17 16:59
  • 鸢尾扣 资源币 +2 鼓励加分 2014-2-17 16:59

交作业


看到你们的作品,感觉自己弱成渣了。。。

未标题-2.jpg (624.95 KB) (2014-1-2 16:23)

未标题-2.jpg


本帖最近评分记录
  • 鸢尾扣 经验 +1 鼓励加分 2014-2-17 16:59
  • 鸢尾扣 资源币 +1 鼓励加分 2014-2-17 16:59

免费发布需求