鼠绘一个粉红的燕尾夹
确实很久没做东西了,前段时间看灰昼大神的大白,临摹了一个,然后上周看着电脑键盘上的灰尘中一抹粉色,算是唤醒了做东西的欲望吧,当时就看着开始做,先上张实物图吧。http://pic.16xx8.com/allimg/150422/125935FH-0.jpg
下面这个就是做完之后的效果了!
http://pic.16xx8.com/allimg/150422/1259352A5-1.jpg
提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:137297 作者:copper_chan 出处:站酷 好吧,展示完了,正式开始。我习惯是先勾勒形状,再上色,然后再加效果,最后是质感和背景。因为完全是鼠绘,没有使用手绘板之类的东西,所以基本上全部形状都是矢量的,方便后期修改调整,(矢量就是个坑啊,还是要用手绘板啊——因为方便啊!)先是勾勒形状,这两个造型呢其实是不会出现在设计中的,分别是主体形状中立体三角形的前一个面和后面一个面,后面一个稍微小一点,符合透视原理吧。
http://pic.16xx8.com/allimg/150422/1259353554-2.jpg
然后画这个有两个角是有点圆角的三角形时是有点小技巧的,如果你PS有形状变圆角的插件,那你直接用就行了把底边左下角再改为尖角就行了,如果没有变圆角插件的可以试试这个方法。如下图所示,在只有三个锚点的三角形上,靠近尖角的位置添加两个锚点,然后像左边的尖角那样把点往回收一点,就会有圆角出现了。
http://pic.16xx8.com/allimg/150422/12593522F-3.jpg
然后基于上图的两个三角形用钢笔勾勒出入下图所示的三个面,这个时候的三个面先随意给个颜色,我给了一点透明度方便大家看得见三个面的样子。
http://pic.16xx8.com/allimg/150422/125935B18-4.jpg
下面这个图是画了三根参考线,怕后边做着做着就找不着北了,然后画出了左面上的三个形状,上传的源文件里能够看到都是矢量图形合并的,无非就是椭圆和矩形,颜色还是随意给,别太夸张就行了。
http://pic.16xx8.com/allimg/150422/1259355U1-5.jpg
万能的复制大法,下面还有个小形状别忘了,
http://pic.16xx8.com/allimg/150422/12593563V-6.jpg
到两个铁环的部分了,直接钢笔勾勒矢量的形状有点麻烦,如果勾勒两条线我相信不会太简单的,我的办法是先勾勒一个大概的形状,就是只勾一条线,然后给这条线加描边,得到下面的这个样子,最后再用钢笔沿着这个形状画,就能得到内外都有锚点可以调整的铁环形状。
http://pic.16xx8.com/allimg/150422/1259354405-7.jpg
下面那个铁环也是同样的方法,得到铁环之后先随便给个斜面浮雕,看着有点立体感就成,接着就开始调色了,色值我这就不贴出来了,三个面和前面的三个形状还有最底下的一个形状都是渐变叠加,源文件都有具体的值,可以自己看看,需要注意的就是三个面的渐变叠加需要注意调整好角度的问题,让他们看上去接壤为一体。
http://pic.16xx8.com/allimg/150422/125935O03-8.jpg
下面这个是立体的三角形调整好颜色的效果,立体感已经出来了,最下边的一个面有多个颜色效果,一个渐变是搞不定的,还需要叠加其他的颜色,颜色越往内越深越暗都需要其他的图层来搞定。
http://pic.16xx8.com/allimg/150422/125935C28-9.jpg
这个图是除开立体三角形以外的其他形状上色,现在看着可能还是觉得稍微有点暗了,
http://pic.16xx8.com/allimg/150422/125935F64-10.jpg
这个是比较麻烦的也是最考验观察力的,就是铁环的立体感和金属质感,刚才加的斜面浮雕还没忘吧,把高光阴影适当调整一下明暗,让对比不那么强,然后活动一下手腕,准备开始自己手动添加高光和阴影吧,其实重点还是加高光,金属发光的地方是有特点的,具体看图层组吧,我是用画白色形状不一的块,然后蒙版慢慢擦出来的,要调的话还可以往细了调。
http://pic.16xx8.com/allimg/150422/1259356162-11.jpg
这个图的部分呢主要是燕尾夹左边受光的部分所产生的阴影了,这个一做基本效果也能够看到了。
http://pic.16xx8.com/allimg/150422/1259353502-12.jpg
最后是反光的部分,更加写实的立体效果就来至这了,但我感觉这个地方是最不容易调好的,我就调的不太好,如果不要这个部分其实也是可以的,参见上图,就直接作为写实图标的样子,但是不含很写实的反光。
http://pic.16xx8.com/allimg/150422/1259352T4-13.jpg
鼠绘一个粉红的燕尾夹
以上,大功告成,去掉参考线,再做个不扎眼的背景就行了,(当然我的背景是后边调的,只是最后拆解步骤的时候一并放进去了,所以前面的图也有了)具体做法看源文件,一个背景而已相信这么聪明的你也能够搞定的!最后来个gif动态的图片。http://pic.16xx8.com/allimg/150422/1259351924-14.jpg
页:
[1]