首页 > 电脑学习 > Photoshop > ps基础实例 > ps实例:一个粉红的燕尾夹~

ps实例:一个粉红的燕尾夹~

更新时间:2017-07-11

书桌上灰尘中的一抹粉红,仿佛在说——你丫多久没练习了。

 

好吧,骚骚的粉红,决定来一发,前后断断续续花了4天的时间吧,大概6、7个小时的样子,(因为非专业出身,画画的功底不太好)

然后可能很多细节地方还做得不够完美,让大神见笑了。

上周看着电脑键盘上的灰尘中一抹粉色,算是唤醒了做东西的欲望吧,当时就看着开始做,先上张实物图吧。

2a32d1b095ba3197c18db4c7cc58261b.jpg

098501bb09af05d97913e02d5666a2e2.jpg

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


9730714360504e205378f6308864d5bd.jpg


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

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

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

 

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

 

f76ee548d41964eacd9f0c76e095bdb4.jpg

 

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

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

ebd436939b995f235861ccc9ebeb9700.jpg

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

 

c8cc07cdac2b89961c29ee64aa229b99.jpg

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

e1f04524e0a9047007ce88cb7e17de0a.jpg

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

8f0aa7dea8248cbeef37773d2011df8c.jpg

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

24092531e5c0a0089ea63d428581edc4.jpg

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

49f4653c145d3315a3c2f70c3829350a.jpg

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

df9bbc9754fe6e4995112c3fb1fec2cf.jpg

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

2c78a2f76000b22123acad9fd1b17c9c.jpg

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

67be57beb0644da2a4df40eecfe28bd4.jpg

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

548f78b3111319123616e3d97e77ffe6.jpg

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

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

 

放个gif图上来看看呢!

7ca5444d10324e81e4c778c778fdb690.gif

 

 

【ps基础实例】图文推荐

Copyright © 2006 - 2017 WWW.XUENB.COM All Rights Reserved

学盟网 版权所有