Photoshop制作精致的小茶杯图标

2016-02-02 01:25 9 1 收藏

今天图老师小编给大家介绍下Photoshop制作精致的小茶杯图标,平时喜欢Photoshop制作精致的小茶杯图标的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - ps入门教程 】

小茶杯看上去可能并不复杂,不过杯口部分制作有一定的难度。需要用多个不同大小的椭圆色块叠加来制作杯子的厚度;每一个椭圆还需要用加深,减淡工具渲染暗部和高光来表现杯子的受光。制作的时候要用心慢慢去调整。
最终效果

1、新建一个800 * 800像素的文档,选择渐变工具颜色设置如图1,拉出图2所示的径向渐变作为背景。新建一个图层,用钢笔勾出杯子主体部分的路径,转为选区如图2。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)


图1


图2 2、选择渐变工具,颜色设置如图3,拉出图4所示的径向渐变。


图3


图4 3、新建一个图层,用钢笔勾出左侧高光部分选区如图5,选择渐变工具,颜色设置如图6,拉出图7所示的径向渐变。按Ctrl + D 取消选区后加上图层蒙版,用黑色画笔把底部涂出透明度效果,如图8。


图5


图6


图7

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)


图8 4、新建一个图层,选择椭圆选框工具,拉出图9所示的椭圆选区,选择渐变工具颜色设置如图10,拉出图11所示的线性渐变。确定后选择减淡工具涂点高光效果,如图12。


图9


图10


图11


图12 5、调出当前图层选区,适当把选区向下移动4个像素左右,按Ctrl + Shift + I 反选,按Ctrl + Alt + D 羽化3个像素,按Ctrl + M 稍微调暗一点,如下图。


图13 6、同上的方法把图形底部位置稍微调亮一点,效果如下图。


图14 7、新建一个图层,选择椭圆选框工具拉出图15所示的椭圆选区,选择渐变工具,颜色设置如图16,拉出图17所示的径向渐变。


图15


图16


图17 8、新建一个图层,选择椭圆选框工具拉出图18所示的椭圆选区,按Ctrl + Alt + D 羽化15个像素后填充颜色:#FFEABD,按Ctrl + Alt + G 与前一图层编组,效果如图19。


图18


图19 9、新建一个图层,用椭圆选框工具拉出图20所示的椭圆选区,再选择渐变工具颜色设置如图21,拉上径向渐变,如图20。


图20


图21 10、新建一个图层,用钢笔勾出图22所示的选区,加上图23所示的线性渐变。


图22


图23 11、用钢笔勾出图24所示的选区羽化5个像素后适当调亮一点。


图24 12、新建一个图层,用钢笔勾出图25所示的选区填充白色,作为边缘的高光,内部边缘的高光制作方法相同,效果如图26。


图25


图26 13、在背景图层上面新建一个图层,用钢笔勾出图27所示的选区,并拉上图28所示的线性渐变色。


图27


图28 14、新建一个图层,用钢笔勾出图29所示的选区,羽化1个像素后填充颜色:#BB8E60,用加深,减淡工具调成明暗,加上图层蒙版,用黑色画笔擦去一些不要的部分,如下图。


图29 13、新建一个图层,同上的方法做出高光部分,效果如下图。


图30 14、顶部的高光制作方法同上,效果如图31,32。


图31


图32 15、最后加上投影,再适当调整一些细节,完成最终效果。


图33

来源:http://www.tulaoshi.com/n/20160202/1528823.html

延伸阅读
来源:站酷 作者:CTulaoshi.comhiou_ 第一次发教程,主要分享一下本人的绘制方法与思路,还有一些细节的处理。本次教程不会一步步的教,只是大概过程以及部分要点,适合有一定基础的同学。 最终效果 1、确定整体图标风格,可以先画出背景与篮球的主色调,定好色调后在设计过程中就不会走偏。 2、确定好风格后,下面就可以开始画出轮廓了。...
标签: PS
Photoshop制作精致的游戏人像图标   人像图标的绘制难度较大,需要很强的美术功底。最好先画出线稿,然后把各部分都分层画出色块图,最后就是给每一部分刻画细节。 最终效果 1、打开PS,先画背景那个圆,用到下面两项,椭圆工具和图层样式里的渐变叠加,斜面和浮雕。 2、接下来是草稿阶段,这个阶段其实蛮重要的...
来源:站酷 作者:Dogx 效果图制作的非常精美。学习的目的是学会立体图形的构成及光感,材质的渲染。制作之前需要把木盒拆分为几个面,然后按顺序慢慢制作各个面即可。 最终效果tulaoshi 1、图层分解,大致可按顺序分为以下几个部分。 2、新建大小适当的画布,背景填充暗灰色,新建一个图层用钢笔勾出顶部框框的轮廓,转为选区后填充...
来源:站酷 作者:烧饼蜀黍 图片虽然简单,不过制作起来并不容易。图标边缘有金属边框,中间为水晶效果,顶部还有图形。每一部分都要求做到非常细致,这样整体效果才更精致。 最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,...
一个看似非常简单的邮件图标。不过作者加上了一个质感圆角矩形装饰。效果就大不一样。感觉清爽,精致很多。制作的方法也不难。只需要用选区工具做好选区,填色后加上图层样式,局部再添加一些高光即可。 最终效果 1、新建一个文档200×200px,背景色:白,分辨率:72dpi。现在给按钮做辅助线,Ctrl+R显示辅助线,在尺寸区域里面按住鼠...

经验教程

147

收藏

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