AI教程!手把手教你绘制一辆卡通风格的自行车 - 优设网 - UISDC

AI教程!手把手教你绘制一辆卡通风格的自行车

2015/09/07 21462评论区

ai-cartoon-style-bicycle-1

@大侠阿苍 :这篇教程初看觉得挺简单(都是图形嘛),做起来发现没那么简单(各种细节),做完了回想起来也没那么难(就还是图形嘛),但是学到了很多,也锻炼了基本工具的操作。感觉还是挺好哒。

夏天是骑自行车的好季节,今天我们来试着在AI里画一辆卡通风格的自行车吧。

1. 车轮儿

STEP 1:

我们先从自行车的基本部件开始:车轮儿。首先用椭圆工具(L)画一个150px*150px的圆,填充色选无,描边颜色是深紫罗兰色,粗细是8pt。

2dc20150907

1dc20150907

STEP 2:通过对象-扩展-描边,把圆形转成曲线,我们就有了一个环形的路径。

4dc20150907

下面的步骤是为了给轮子加点阴影,这样就显得比较立体。复制这个圆环并“贴在上面”两次(Control-C > Control-F > Control-F)。选择最上层的圆环,用方向键向右平移,我移动了4px。(可以把这个圆环转换成描边填充,这样比较容易看到平移的效果)。

5dc20150907

选择刚才我们移动的图层以及它下面的图层,选择路径查找器-减去顶层,这样我们就剩下了两片月牙的形状了,调整混合模式为正片叠底,并调整颜色,色值为H-320.8,S-24.02,B-80,从而得到淡淡的阴影。

之后的其他步骤中也会用到这种方法。

3dc20150907

STEP 3:复制这两个图层(即月牙形路径和原始的圆环路径),并“贴在后面”(Control-C > Control-B),缩小这两个刚刚复制的路径(我缩小到直径145px)。

7dc20150907

然后调整这两个路径的颜色为米黄色,色值H:39.13,S:19.83,B:90.98。轮圈就做好了。

6dc20150907

STEP 4:接下来是加上辐条。使用直线工具(\),按住Shift键,画一条垂直的线,描边3pt,颜色使用刚才的数值。需要注意的是,这条线段要相对之前的路径居中对齐。

8dc20150907

接下来,选中这条线段,双击工具面板上的旋转工具,在弹出的面板里进行如下图的参数设置,并点击复制,这样就有了两条相交的线段了。

9dc20150907

然后就是做更多的辐条。选中这两条相交的线段,再次双击旋转工具,按照下图设置,点击复制。在这里,360/20的意思是把360°分成20份,AI会自动计算合适的角度。重复这个操作几次,就得到下图。

10dc20150907

12dc20150907

STEP 5:接下来是挡泥板。画一个和车轮一样大的黑色的圆,置于顶层,盖住轮子。改填充模式为描边(Shift-X),8pt,具体设置如下图。

11dc20150907

点击剪刀工具(C),在这个圆圈的左右两个锚点上各点一下,这样就把一个圆分为两半了,删掉下面那半。

13dc20150907

STEP 6:①选中这半个圆,选择对象-扩展,填充一个比较粉嫩的颜色,我填的是#ef77a0;②+③然后通过之前做车轮阴影一样的步骤,给挡泥板也加上点阴影。④画一个25px*25px的圆,放在车轮中心的位置。

14dc20150907

2. 给我们的自行车加上其他部件儿

STEP 1:这步是加后轴。用矩形工具(M)画一个长方形,填个鲜亮的宝石绿色,#6ad6b6。然后用直接选择工具(A)选中矩形右上角的锚点,垂直上移一点,右下角的锚点下移。

15dc20150907

选中这个矩形,选择效果-风格化-圆角,选择适当的半径,达到如下的效果。

16dc20150907

STEP 2:选中粉色的圆,复制并移动到矩形的右侧,稍稍放大。

18dc20150907

接下来的步骤需要实现如下图的效果。在这需要说明一下,原教程作者用的应该是最新版AI,我的版本里没有那个先进的功能,所以实在是没看懂他说的啥,就只要用自己的笨方法实现了类似的效果。我的步骤是复制右侧的圆,放大到与下面的矩形相交,通过路径查找器-分割,然后删掉多余的圆角部分。

17dc20150907

我的方法如下:

19dc20150907

21dc20150907

20dc20150907

然后复制一个圆,贴在上面,我的色值是#ff8ab4。

STEP 3:用直线或钢笔工具画一个斜线段,描边5pt,色值#875474。

23dc20150907

再用矩形工具或者圆角矩形工具,加一个踏板。这里原作者给后轴和踏板加上了阴影,但是没有过程,大家可以参考做轮子时的步骤。

24dc20150907

26dc20150907

STEP 4:画一个斜线段,描边10pt,作为车座的支架。添加另一个较细的线段,与这个较粗的线段形成三角形。然后用圆角矩形工具在上方加上车座。

25dc20150907

27dc20150907

STEP 5:选择整个车轮,复制并平移到右边,前轮就出现了。

29dc20150907

然后我们把前轮挡泥板的角度调一下。选择旋转工具(R),按住Alt的同时点击车轮的中心点,在弹出的面板里按下图调节,点确定。

28dc20150907

复制支撑车座的斜线段,并平移到前轮的位置。

30dc20150907

STEP 6:接下来就是把手了。先用钢笔工具(P)画一个折线,然后选中转角的锚点,将它转为平滑。

31dc20150907

然后复制把手,贴在上面,填充为粉色,只留下一小段把手部分,其他的删掉。

32dc20150907

34dc20150907

STEP 7:增加两个横梁。用钢笔工具给上面的线段加点弧度。

33dc20150907

36dc20150907

STEP 8:接着就是加点细节的时间。选择后轴,点击对象-路径-偏移路径,进行如图所示的设置,这样就得到一个新的路径。把这个新的路径调的深一点,还可以根据自己的喜好添加其他的元素。

35dc20150907

37dc20150907

为了整个画面有更好的效果,可以加个淡米黄色的背景,再加一些阴影在轮子和车的周围。

38dc20150907

STEP 9:最后,我们可以加点云朵。用椭圆工具(L)画几个圆,相互重叠,然后使用橡皮擦工具(E),去掉下方多余的部分,就大功告成啦。

39dc20150907

最终成果如下:

40dc20150907

Great job!

希望大家喜欢这次分享。

里面的图形、配色神马的,大家都可以根据喜好随便调哦。

找个天气好的日子,关掉电脑,去骑骑车、吹吹风吧!

【优设八月PS人像教程合集】

广告最爱的牛奶泼溅效果人像!
《PS新手教程!手把手教你打造广告级的牛奶喷溅美女人像效果》

超酷炫的文字人像效果!
《PS教程!手把手教你绘制酷炫的文字人像效果》

手绘人像效果!
《PS人气教程!手把手教你将照片做成手绘作品(附方法大全)》

译者:@大侠阿苍

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量100万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ai-cartoon-style-bicycle

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里