Photoshop设计精致的蓝色铅笔教程

2016-03-17 21:17 7 1 收藏

图老师小编精心整理的Photoshop设计精致的蓝色铅笔教程希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

来源:PS联盟 作者:Sener
铅笔构造比较简单,基本上都是以色块构成,每个色块的颜色都是由简单的渐变色构成。制作难度不大,不过构成的色块较多,需要调整好色块间的过渡,局部还需要单独渲染高光。
最终效果


1、先来看一下分解图,大致由下面四大部分构成。

图1

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)2、新建一个1024 * 768像素的文件,背景选择白色。新建一个组,用钢笔勾出笔杆的轮廓,转为选区后给组添加蒙版,如下图。

图2
3、在组里新建一个图层,填充青蓝色:#00B7D9,如下图。

图3
4、新建一个图层,用矩形选框工具拉出图4所示的矩形选区,选择渐变工具,颜色设置如图5,由左至右拉出图6所示的线性渐变。

图4

图5

图6

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)5、新建一个图层,用矩形选框工具拉出中间的矩形选区,如图7,选择渐变工具,颜色设置如图8,拉出图7所示的线性渐变。

图7

图8
6、用矩形选框选区左侧边缘部分的色块,羽化1个像素后按Ctrl + J 复制到新的图层,混合模式改为“滤色”,不透明度改为:40%,如下图。

图9
7、回到中间色块图层,用矩形选区右侧边缘部分色块,羽化1个像素后按Ctrl + J 复制到新的图层,混合模式改为“正片叠底”,不透明度改为:50%,如下图。

图10

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)8、新建一个图层,用矩形选框工具拉出图11所示的选区,拉上图12所示的线性渐变。

图11

图12
9、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化3个像素后填充淡青色:#93EBFF,如下图。

图13
10、新建一个图层,用椭圆选框工具拉出下图所示的选区,填充白色。

图14
11、同上的www.tulaoshi.com方法制作其它部分的高光,效果如下图。

图15

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)12、在背景图层上面新建一个组,用钢笔勾出下图所示的选区,并给组添加蒙版。

图16
13、新建一个图层,选择渐变工具,颜色设置如图17,拉出图18所示的线性渐变。

图17

图18
14、新建一个图层,用矩形选框拉出图19所示的选区,拉上图20所示的线性渐变。

图19

图20

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)15、用钢笔勾出中间部分的高光选区,创建曲线调整图层,稍微调亮一点。

图21
16、同上的方法把中间及左侧边缘局部调亮,如下图。

图22

图23

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)17、在图层的最上面新建一个组,同上的方法制作金属壳部分,过程如图24 - 27。

图24

图25

图26

图27

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)18、橡皮的制作方法同上,效果如下图。

图28
19、局部需要增加一些阴影,效果如下图。

图29
最后调整一下细节,完成最终效果。

来源:http://www.tulaoshi.com/n/20160317/1866003.html

延伸阅读
图片虽然简单,不过制作起来并不容易。图标边缘有金属边框,中间为水晶效果,顶部还有图形。每一部分都要求做到非常细致,这样整体效果才更精致。 最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,用形状工具...
效果图的构成元素较多,制作的时候需要先分析好徽章的大致构造,然后再由底层做起,分步做出整个效果。由于图形是对称的,制作的时候如果想偷懒,先做出一半,另一半直接复制过去即可。 最终效果 1、新建一个800 * 600像素的文档,用钢笔工具勾出下图所示的选区,并填充黑色。 图1 2、把做好的图形复制一层,执行:编辑 编...
来源:PConline 作者:李华仁 水晶按钮是非常常用的,制作方法按个人操作也有一些区别。下面的教程是用图层样式来完成主体操作。制作的时候只需用选区工具做出想要的按钮形状,然后添加图层样式和高光即可。 最终效果 1、打开Adobe Photoshop,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:按钮,宽度:570像...
标签: PS PS基础
本文教大家用PS绘制一个萌萌的铅笔图标,教程很详细的,喜欢UI设计的同学可以学看一下。 效果图: 观察: 详细步骤: 最终效果
来源:站酷 作者:TCWison 简单的图标制作起来并不是那么简单。需要把图标的各个面的暗调,高光,反光等都渲染出来,尤其在渲染图标叠加部分的时候,要控制好个部分的透明度,做出层次较强的效果图。 最终效果 1、打开PS,新建一个一个文档(Ctrl + N)。参数如下:分辨www.tulaoshi.com率:72dpi;颜色模式:RGB;尺寸:600×600 px,使...

经验教程

601

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部