亲宝软件园·资讯

展开

Photoshop鼠绘精致逼真的粉红色燕尾夹图标

copper_chan 人气:0
这篇教程教软件云的朋友介绍PS鼠绘精致逼真的粉红色燕尾夹图标方法,教程难度中等,图标的风格是非常写实的,学习这篇教程之后我们对产品修图是非常有用的,先来看看最终的效果图:

确实很久没做东西了,前段时间看灰昼大神的大白,临摹了一个,然后上周看着电脑键盘上的灰尘中一抹粉色,算是唤醒了做东西的欲望吧,当时就看着开始做,先上张实物图吧。

PS鼠绘精致逼真的粉红色燕尾夹图标

下面这个就是做完之后的效果了!

PS鼠绘精致逼真的粉红色燕尾夹图标

好吧,展示完了,正式开始。

我习惯是先勾勒形状,再上色,然后再加效果,最后是质感和背景。

因为完全是鼠绘,没有使用手绘板之类的东西,所以基本上全部形状都是矢量的,方便后期修改调整,(矢量就是个坑啊,还是要用手绘板啊——因为方便啊!)

先是勾勒形状,这两个造型呢其实是不会出现在设计中的,分别是主体形状中立体三角形的前一个面和后面一个面,后面一个稍微小一点,符合透视原理吧。

PS鼠绘精致逼真的粉红色燕尾夹图标

然后画这个有两个角是有点圆角的三角形时是有点小技巧的,如果你PS有形状变圆角的插件,那你直接用就行了把底边左下角再改为尖角就行了,如果没有变圆角插件的可以试试这个方法。

如下图所示,在只有三个锚点的三角形上,靠近尖角的位置添加两个锚点,然后像左边的尖角那样把点往回收一点,就会有圆角出现了。

PS鼠绘精致逼真的粉红色燕尾夹图标

然后基于上图的两个三角形用钢笔勾勒出入下图所示的三个面,这个时候的三个面先随意给个颜色,我给了一点透明度方便大家看得见三个面的样子。

PS鼠绘精致逼真的粉红色燕尾夹图标

下面这个图是画了三根参考线,怕后边做着做着就找不着北了,然后画出了左面上的三个形状,上传的源文件里能够看到都是矢量图形合并的,无非就是椭圆和矩形,颜色还是随意给,别太夸张就行了。

PS鼠绘精致逼真的粉红色燕尾夹图标

万能的复制大法,下面还有个小形状别忘了,

PS鼠绘精致逼真的粉红色燕尾夹图标

到两个铁环的部分了,直接钢笔勾勒矢量的形状有点麻烦,如果勾勒两条线我相信不会太简单的,我的办法是先勾勒一个大概的形状,就是只勾一条线,然后给这条线加描边,得到下面的这个样子,最后再用钢笔沿着这个形状画,就能得到内外都有锚点可以调整的铁环形状。

PS鼠绘精致逼真的粉红色燕尾夹图标

下面那个铁环也是同样的方法,得到铁环之后先随便给个斜面浮雕,看着有点立体感就成,接着就开始调色了,色值我这就不贴出来了,三个面和前面的三个形状还有最底下的一个形状都是渐变叠加,源文件都有具体的值,可以自己看看,需要注意的就是三个面的渐变叠加需要注意调整好角度的问题,让他们看上去接壤为一体。

PS鼠绘精致逼真的粉红色燕尾夹图标

下面这个是立体的三角形调整好颜色的效果,立体感已经出来了,最下边的一个面有多个颜色效果,一个渐变是搞不定的,还需要叠加其他的颜色,颜色越往内越深越暗都需要其他的图层来搞定。

PS鼠绘精致逼真的粉红色燕尾夹图标

这个图是除开立体三角形以外的其他形状上色,现在看着可能还是觉得稍微有点暗了,

PS鼠绘精致逼真的粉红色燕尾夹图标

这个是比较麻烦的也是最考验观察力的,就是铁环的立体感和金属质感,刚才加的斜面浮雕还没忘吧,把高光阴影适当调整一下明暗,让对比不那么强,然后活动一下手腕,准备开始自己手动添加高光和阴影吧,其实重点还是加高光,金属发光的地方是有特点的,具体看图层组吧,我是用画白色形状不一的块,然后蒙版慢慢擦出来的,要调的话还可以往细了调。

PS鼠绘精致逼真的粉红色燕尾夹图标

这个图的部分呢主要是燕尾夹左边受光的部分所产生的阴影了,这个一做基本效果也能够看到了。

PS鼠绘精致逼真的粉红色燕尾夹图标

最后是反光的部分,更加写实的立体效果就来至这了,但我感觉这个地方是最不容易调好的,我就调的不太好,如果不要这个部分其实也是可以的,参见上图,就直接作为写实图标的样子,但是不含很写实的反光。

PS鼠绘精致逼真的粉红色燕尾夹图标

以上,大功告成,去掉参考线,再做个不扎眼的背景就行了,(当然我的背景是后边调的,只是最后拆解步骤的时候一并放进去了,所以前面的图也有了)一个背景而已相信这么聪明的你也能够搞定的!

加载全部内容

相关教程
猜你喜欢
用户评论