好孩子看不见!教你绘制德艺双馨的苍老师矢量插画 - 优设网 - UISDC

好孩子看不见!教你绘制德艺双馨的苍老师矢量插画

2015/04/08 13799评论区

photoshop-sora-aoi-illustration-1

@P大点S微博 :本文内容小孩子还是不要看哟,为保证您的身心健康,本教程请在家长陪同下观看。学习时请保持双手置于桌上,至于为什么,我也不知道 >>>

PSD源文件  微盘下载

一般的矢量插画基本都是使用AI、CDR之类的矢量软件来完成的,今天,我们反其道而行,我们用的是PS。

记得很早之前,大概是在2007年左右,有看过外国盆友们这样干过。

用位图软件来做矢量图,说实在的,有点蛋疼的感觉,真的没有什么技术含量,只是个体力活,类似于搬砖,靠的是力气。

既然是要做矢量效果,钢笔那是跑不掉的,我们将全程选择使用钢笔工具来完成,你可以当成是练练钢笔操作。

我们的基本思路,是使用钢笔做出所有的形状来,然后,通过更改各个形状的颜色,来体现出人物各部分的明暗关系。一句话,明暗决定成败。

首先,我决定在网上找一张美女的图片,毕竟,在这个狼多肉少的时代,我们需要迎合大众的口味,如果你做一个男人的矢量插画,估计人人点开后,就是右上角的叉叉。

百度了一把,找到了一张美女图片,据度娘的介绍,其名为苍老湿,衣着甚为清凉,于是决定就用她了。至于此妹子是不是真是苍老湿,本人没有求证过,毕竟本人也不认识苍老湿阿,如果名字错了,欢迎见多识广的众网友,帮我指出,在此先行谢过。

首先,打开原图,复制一层,执行色调分离,数值自己看着办,我这里用的是7,这个图层没有用处,只是方便我们来分析一下颜色,区分下明暗部而已。

ttb20150407 (16)

选择钢笔工具,我们开始动工,我们先把整体的皮肤先用钢笔描出来,这里用的颜色是 #F7CDB8

ttb20150407 (19)

接下来,还是钢笔,画出腰部的轮廓,这里使用的颜色是#fecab0

ttb20150407 (21)

刻画下腰部,颜色#fad1bd

ttb20150407 (17)

画出胸部,颜色#fad1bd

ttb20150407 (18)

刻画事业线,颜色#f3c3aa

xb20150408

画出半球上的次高光,颜色#fdd6c3

ttb20150407 (39)

画出半球上最亮的高光,颜色#ffddcc

ttb20150407 (37)

大致,皮肤的处理就是这样了,我们通过五种颜色来构成皮肤的明暗关系。

ttb20150407 (23) ttb20150407 (22)

接下来,一样的操作方法,画出手来。同样的道理,我们依旧是通过颜色的更改来实现手的明暗对比。

手用到的依旧是五个颜色,但是跟皮肤的颜色,略有更改。

分别是 #f3c3aa #fbd3bf #f6cab3 #f7cdb8 #f7c9b1 五个颜色

ttb20150407 (23) ttb20150407 (24)

接下来,我们帮老湿穿上小罩罩,一样的,钢笔工具,小罩罩用到了两个颜色,# 232128 #1c1c20

ttb20150407 (25)

接下来,让老湿把上衣穿上,冻着了不不好了,依旧是钢笔,无解。

ttb20150407 (27)

其实做到这里,不由得老泪纵横,这衣服画得眼泪汪汪的阿,一开始选图的时候,没有注意到老湿的这件衣服,开始画的时候才发现,真是体体体体体力活阿。

不过现在也没办法了,硬着头皮上,画画画。

本人没学过美术,只是想当然的画,不对的地方,大神见谅。

在这里,衣服用了四个颜色

分别是 # ffbeb2 #feb2a4 # fcac9e # ed988a

ttb20150407 (26) ttb20150407 (28)

接下来,我们画出头发,没有头发,严重影响了老湿的女神形象。

黑色,#000000

ttb20150407 (29)

画出脸上的五官,#f3c3aa

ttb20150407 (30)

画出鼻子上的高光,#fdd4bf

ttb20150407 (31)

画出眼睛,眉毛,黑色和白色,没什么说的。

ttb20150407 (32)

画出嘴巴,这里用了两个颜色,# ed6e70 # e16769

ttb20150407 (33)

添加下嘴唇的高光,颜色 # ff7577

ttb20150407 (35)

添加上嘴唇的高光,颜色 # fd9394

ttb20150407 (34)

OK,到这里就算完事了。 其实本来选图应该选错了,这图的衣服让人蛋疼阿,短裤牛仔裤这些类型的美女做起来应该会更方便一些。

当然,做这种东西,你需要足够的耐心,因为这事就是个体力活,与技术无关。

唯一需要强调再强调的就是对于明暗的刻画,把握,明暗决定成败。

话说,我也把握不好,败笔多多,如果喷,请轻喷。

来看一看我们的路径,感觉如何,哈哈!!!!

ttb20150407 (36)

下面看看最终成品:

canglaoshi

标题的魔力

不知道同学们注意没有,优设首页有个热门文章,按人气上榜。非常郁闷的是,在众多神器与技术指南中,小编发现一篇酷站推荐类的文章竟然也很火,网站虽然优秀,绝说不上逆天,苦思不得其解,直到我的关注点从内容移到了标题…

QQ20150408172200

【某位帅小哥的私人教程】

热门漫画主角赵石是如何炼成的?
《这效果超火!手把手教你将照片PS成热门漫画人物赵石》

快速简单,粗暴有效!
《萌系PS教程!手把手教你打造Q版的个人头像》

哈哈哈最后一张什么鬼?
《请收下我的膝盖!教你四步把真人照片处理成GTA 5的风格》

作者:@P大点S微博

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量93万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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