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

所属分类: 平面设计 / Illustrator教程 阅读数: 397
收藏 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的偏移路径制作一个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 分享
查看更多