Illustrator(AI)设计打造一个漂亮的海底世界场景实例教程

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

本教程,我们会教你使用混合工具如何绘制小鱼,使用旋转扭曲工具,使用扭转效果,使用收缩和膨胀效果,如何制作海藻形状。让我们开始创建一个海底世界吧!

成品图预览

Illustrator创建一个海底世界场景,PS教程,思缘教程网

下面是我们要创建的最后设计稿。

1. 绘制如图所示的形状。我绘制了4个形状,一个是白色填充的鱼的外形;然后是小镰刀形状,填充蓝色;下一个是填充黄色的形状,大小是鱼外形的一半;然后又是一个1/4大小的白色的镰刀形状,

Illustrator创建一个海底世界场景,PS教程,思缘教程网

2. 把蓝色形状移到第1个白色形状的上面。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

3. 下一步,把黄色形状移到蓝色形状的上面,然后把小的白色形状移到黄色形状的上面。这里,图层的堆栈顺序很重要,因为接下来的混合是依据图层的堆栈顺序。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

4. 选中这4个形状,然后执行对象菜单>混合>混合选项,设置如下:指定的步数:150。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

5. 保持选中状态,按Ctrl+Alt+B建立混合。使用混合工具绘制小鱼是非常简单非常容易的一种方法,在混合时注意那些颜色、形状和细节。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

6. 小鱼是画好了,但别忘了还有它的眼睛。绘制椭圆形,一个白色,另一个黑色。黑色的大小是白色的1/3,然后把黑色的放在白色椭圆的上面。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

7. 选中这2个椭圆形,然后还是应用混合。你可以看到,黑色和白色混合后,黑色看上去像是眼睛的瞳孔。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

8. 复制混合的眼睛(Ctrl+C+B),置于另一个眼睛的下面。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

9. 现在再看小鱼,还要添加一些细节。使用钢笔工具(P),绘制如图所示的形状,填充黄色。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

10. 然后绘制小镰刀形状,把它放到黄色形状的里面,填充白色。然后把它移到黄色形状的左边。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

11. 选中这2个形状,应用如图所示的混合选项。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

12. 把刚刚绘制的混合形状移到鱼的中间位置。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

13. 制作2个混合形状的副本,把它们缩小为原大小的75%左右。

译者提示:选中第12步绘制的混合形状,选择“比例缩放工具”,按住Alt键在混合形状的最底下的锚点上点一下,弹出“比例缩放”窗口。(这里按住Alt键的目的是为了定位参考点)

Illustrator创建一个海底世界场景,PS教程,思缘教程网

14. 下一步,绘制鱼鳍。使用钢笔工具(P)画一些线条,我画了7条线,描边宽度设为0.25pt(下限值),然后描边颜色:黄色。并且为了使颜色与颜色之间不会起冲突,我一条线设置为100%的黄,另一条就设为50%的黄。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

15. 选择所有的线条,还是应用混合。

Illustrator创建一个海底世界场景,PS教程,思缘教程网#p#分页标题#e#

16. 我把鱼鳍放在鱼的右下位置,然后再制作一个副本,把它缩小,放在鱼的右上位置。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

17. 现在制作海藻。使用矩形工具(M)绘制一个长矩形,填充深绿到绿的线性渐变。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

18. 然后选择工具箱里的“旋转扭曲工具”,在矩形上点击变形矩形。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

19. 继续执行变形和旋转扭曲命令。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

20. 完成后,选中形状,然后执行效果菜单>扭曲和变形>扭转,设置角度为55。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

21. 然后使用“收缩和膨胀”效果,设置为23%。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

22. 复制海藻形状,然后打开外观调板删除扭转效果,只保留收缩和膨胀效果。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

23. 现在我们有了2个海藻形状。一个是直的,一个是扭转变形的。制作这2个形状的副本,填充色:无,描边:深色。

Illustrator创建一个海底世界场景,PS教程,思缘教程网 

24. 绘制矩形(矩形工具),填充深蓝到白的径向渐变。使用渐变工具调整径向渐变,使高光在矩形的左上角。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

25. 把海藻形状放在背景图的上面。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

26. 你可以缩放海藻,然后再复制它们,把它们叠加在一起,使它们看上去像是天然生长的。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

27. 当你绘制完成这些海藻时,把鱼放在中间的位置。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

28. 再做一个剪切路径。我绘制了一个矩形,填充绿色。然后执行对象菜单>封套扭曲>用变形建立,样式选择“膨胀”,应用垂直弯曲:10%。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

29. 然后扩展外观,确定选中了“对象”和“填充”,单击确定。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

尾声

选中所有的形状,应用剪切路径(Ctrl+7),这时我们就得到了一个漂亮的海底世界。我还复制了一些鱼,更改它们的颜色,并且缩小它们。我把一些鱼放在深色的海藻后面。好了,大功告成,我希望你喜欢这篇教程。

Illustrator创建一个海底世界场景,PS教程,思缘教程网

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

ai怎么界面颜色该怎么自定义设置?

ai怎么界面颜色该怎么自定义设置?ai界面默认的颜色不喜欢,想要自己设置,该怎么设置呢?下面我们就来看看ai自定义界面颜色的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制漂亮多彩的花朵图形?

ai怎么绘制漂亮多彩的花朵图形?ai中想要绘制一个矢量的漂亮的花朵,该怎么绘制呢?下面我们就来看看详细的绘制方法,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

AI绘制绚丽漂亮的莲花图形

这篇教程是向脚本之家的朋友分享AI绘制绚丽漂亮的莲花图形方法,教程绘制出来的莲花图形非常漂亮,难度不是很大,推荐到脚本之家,一起来学习吧
收藏 0 赞 0 分享

AI设计一个扁平化风格的鲸鱼logo

今天小编为大家分享AI设计一个扁平化风格的鲸鱼logo方法,教程比较基础,制作出来的logo非常漂亮,难度不是很大,值得大家学习,来学习吧
收藏 0 赞 0 分享

手把手教你用AI绘制谷歌Chrome标志

这篇教程就为大家介绍用AI绘制谷歌Chrome标志方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友可以参考本文,希望这篇文章能对大家有所帮助
收藏 0 赞 0 分享

AI混合功能制作非常漂亮的炫彩LOGO

这篇教程主要是向脚本之家的朋友分享AI混合功能制作非常漂亮的炫彩LOGO方法,教程制作出来的logo非常漂亮,难度不是很大,推荐到脚本之家,一起来学习吧
收藏 0 赞 0 分享

ai怎么制作绚丽的太阳花矢量图?

ai怎么制作绚丽的太阳花?ai绘制矢量图很简单,今天我们就来看看绘制一朵大大的太阳花的教程,绘制过程很简单,步骤也不太多,需要的朋友可以参考下
收藏 0 赞 0 分享

AI绘制可爱的圆形小猫插画

这篇教程是向脚本之家的朋友分享AI绘制可爱的圆形小猫插画方法,教程绘制出来的插画非常漂亮,难度不是很大,值得大家学习,一起来看看把
收藏 0 赞 0 分享

ai矩形网格工具怎么用? AI中矩形网格工具的实例教程

ai矩形网格工具怎么用?ai中绘图工具有很多,其中就有一个矩形网格工具,该怎么使用这个工具呢?下面我们就来看看AI中矩形网格工具的实例教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么画出水墨效果? ai绘制水墨效果的文字/图形的教程

ai怎么画出水墨效果?中国水墨画是很出名的,该怎么制作水墨字或者水墨画呢?下面我们就来看看ai绘制水墨效果的文字/图形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多