AI绘制简易线条的办公桌插画

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

这篇教程教脚本之家的AI学习者们使用AI绘制线条办公桌插画,教程绘制的图案都是由线条来构成的。填色部分很少,大家可以自由发挥。学会这篇基础教程之后其实也就掌握了AI绘制插画的方法了,好了,我们先来看看最终的效果图吧:

提示:文章中所有的描边都是内描边。

具体的部件绘制步骤如下:

1:桌子

第一步:新建一个658*494的画布,使用圆角矩形工具画一个532*18px,圆角为10px的圆角矩形,填充两个像素的描边,填充描边颜色为:#211e1f,填充背景色为:#f5f3e6;如下图所示:

第二步:使用钢笔工具勾出桌子的木纹如下图所示:

2:台灯

第一步:使用圆角矩形工具画一个34*16px、圆角为4px、描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用直线段工具画一条16px的直线,摆放到如图所示的位置:

第二步:使用矩形工具画一个6*120px,描边为2px的矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,右击画布空白处,在弹出的快捷菜单中选择"变换"–"旋转",在打开的菜单中输入如下参数:

第三步:使用椭圆工具的同时按下shift键画一个14*14px,描边为2px的正圆,填充描边颜色为:#211e1f,背景色为:#f5f3e6,然后再画一个6*6px、描边为2px的正圆,填充描边颜色为:#211e1f,背景色为:#f5f3e6,如下图所示:

第四步:复制第二步中的矩形,旋转到一定的角度,复制第三步中的正圆,摆放到如图所示的位置:

第五步:使用矩形工具画一个6*28px,描边为2px的矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,右击画布空白处,在弹出的快捷菜单中选择"变换"–"旋转",在打开的菜单中输入如下参数:

第六步:

(1)使用圆角矩形画一个20*6px,圆角为10px,描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,如下图所示:

(2)使用椭圆工具的同时按下shift键画一个68*68px,描边为2px的正圆,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用矩形工具画一个矩形,同时选中正圆和矩形,打开路径查找器面板,在面板中选择"减去顶层",使用椭圆工具的同时按下shift键画一个22*22px,描边为2px的正圆,填充描边颜色为:#211e1f,背景色为:#f9ba4b,将它下移一个图层,如果所示:

(3)同时选中(1)和(2)中的图形,编组,右击画布空白处,在弹出的快捷菜单中选择"变换"–"旋转",在打开的菜单中输入如下参数:

3:笔筒

第一步:使用圆角矩形画一个26*26px,圆角为4px、描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用矩形工具画一个矩形,同时选中正圆和圆角矩形,打开路径查找器面板,选择"减去顶层",使用直线段工具画一条直线,描边为1px,修改直线的端点为圆形,复制出5条相同的直线,如下图所示:

第二步:使用圆角矩形画一个6*36px,圆角为10px、描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,,使用钢笔工具勾出笔冒,然后将圆角矩形和笔冒编组(ctrl+g),单击画布的空白处,在打开的快捷菜单中选择"变换"-"旋转",将笔旋转一定的角度,最后将笔的图层移动到笔筒图层的后面,如下图所示:

4:电脑

第一步:使用圆角矩形画一个146*112px,圆角为15px、描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,再次使用圆角矩形画一个128*80px,圆角为10px、描边为2px 的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,选中两个圆角矩形,打开对齐面板,在面板中选择"水平居中",如下图所示:

第二步:使用椭圆工具的同时按下shift键画一个12*12px,描边为2px的正圆,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用矩形工具画一个40*20px的矩形,描边为2px的正圆,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用直接选择工具(A),选择矩形左上角和右上角的锚点,然后将左边的锚点向右拉,右边的锚点向左拉,将矩形放到屏幕图层的后面,放到如图所示的位置:

第三步:使用直线段工具画两条一个像素的直线,放到如图所示的位置:

5:水杯

第一步:使用圆角矩形工具画一个26*60px,圆角为5px,描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用矩形工具画一个矩形,打开路径查找器(ctrl+F9)面板,在面板中选择"减去顶层",如下图所示:

第二步:用钢笔工具勾出水蒸气,打一个字母"S",把杯子编组,摆放到如图所示的位置:

6:植物

第一步:使用圆角矩形工具画一个42*12px,圆角为3px、描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,如下图所示:

第二步:使用矩形工具画一个36*48px,描边为2px的矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用直接选择工具(A),选择矩形左下角和右下角的锚点,然后将左边的锚点向右拉,右边的锚点向左拉,使用直线段工具(\)画4条直线,摆放到如图所示的位置:

第三步:使用椭圆工具画一个14*28px,描边为2px的椭圆,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用转换锚点工具点击椭圆的上方以及下方的锚点,如图所示:

第四步:使用直线段工具画出叶子经脉,如图所示:

第五步:复制出6片叶子,摆放到如图所示的位置:

7:文件

第一步:使用圆角矩形工具画一个78*16px,圆角为4px,描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用直线段工具(\)画2条1px的直线,摆放到如图所示的位置:

第二步:使用圆角矩形工具画一个58*12px,圆角为3px、描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,摆放到如图所示的位置:

第三步:使用圆角矩形工具画一个50*12px,圆角为10px、描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f6bb47,使用直线段工具(\)画3条1px的直线,摆放到如图所示的位置:

第四步:使用圆角矩形工具画一个12*60px,圆角为3px,描边为2px的圆角矩形,填充描边颜色为:#211e1f,背景色为:#f5f3e6,使用直线段工具(\)画3条1px的直线,将圆角矩形和直线编组,右击画布空白处,在弹出的快捷菜单中选择"变换"–"旋转",在打开的菜单中输入如下参数(20度):

8:灯光

1:使用矩形工具绘制一个658*494px的矩形,填充背景色为#f5f3e6,将矩形放到所有图层的最底部,如下图所示:

2:使用钢笔工具勾出台灯的发光效果,如下图所示:

以上就是AI绘制简易线条的办公桌插画教程,简单的办工桌就完成了,喜欢的朋友赶快动起来吧~

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

Illustrator CS3把作品转化和编辑为灰度模式

为了出版广告、变换LOGO样式,甚至就是为了尝试与从不同,我们有时候需要把AI文件转化为灰度模式。在AI CS3中有不少简便的方法把作品转化和编辑为灰度。
收藏 0 赞 0 分享

Illustrator 制作web 2.0风格标签

我不知道 web 2.0 风格将会风行多久。一方面,它代表着当前的流行趋势;另一方面,它又体现着对新技术新风格的探索。无论如何,大众对 web 2.0 风格依旧需求强烈,因而写篇制作一流 web 2.0 风格标签的教程很有必要。
收藏 0 赞 0 分享

Illustrator基础教程之简单制作金属纹理

Vectips 纹理教学周的第二篇教程是金属纹理。如同前篇水质感纹理教程一样,制作金属纹理的技巧也是利用了AI的效果菜单中的效果。
收藏 0 赞 0 分享

Illustrator CS4 绘制覆盖着雨滴窗口

使用简单的工具,加上网格渐变,学习在adobe illustrator中绘制“覆盖着雨滴窗口”的壁纸。
收藏 0 赞 0 分享

Illustrator 绘制透明质感绿色金属标志

本教程主要用Illustrator制作透明质感立体标志,这个例子我们将一个商品的标志放大,制作出它的透明质感立体效果,通过对这个实例的学习,将对你制作按钮、标志以及类似的操作用很大的帮助。
收藏 0 赞 0 分享

Illustrator 绘制透明气泡组成的心形

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习如何运用内发光、蒙板、羽化、渐变填充等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享

Illustrator 绘制漂亮的透明气泡

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习通过绘制一个圆形,然后再运用内发光、羽化、外发光等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助
收藏 0 赞 0 分享

Illustrator 绘制可爱卡通宝宝

从本次开始我将向您详细介绍用Illustrator软件绘制人物的方法,我们将从婴儿开始,之后是儿童,其次是青年,再有就是成年、中年以及老年人。
收藏 0 赞 0 分享

Illustrator 绘制绿叶环保的精致货牌

本教程主要用Illustrator制作漂亮的新货牌.
收藏 0 赞 0 分享

Illustrator 绘制金属质感的小闹钟

本例介绍运用AI的渐变工具来绘制金属质感的小闹钟,在教程中我们将学习到通过几种渐变填充的灵活运用来实现金属质感的表现,另外还将学习到复制、旋转及阴影的制作方法,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享
查看更多