Photoshop打造精致的小茶杯图标
时间:2021-07-01 10:21:17
帮助过:60人阅读
小茶杯看上去可能并不复杂,不过杯口部分制作有一定的难度。需要用多个不同大小的椭圆色块叠加来制作杯子的厚度;每一个椭圆还需要用加深,减淡工具渲染暗部和高光来表现杯子的受光。制作的时候要用心慢慢去调整。
最终效果
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-10-01-201901/036bfbca2500d96c3bf3489b3b8190a7-0.jpg)
1、新建一个800 * 800像素的文档,选择渐变工具颜色设置如图1,拉出图2所示的径向渐变作为背景。新建一个图层,用钢笔勾出杯子主体部分的路径,转为选区如图2。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/036bfbca2500d96c3bf3489b3b8190a7-1.jpg)
<图1>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/0013e757949abe377fc817f5668c0025-2.jpg)
<图2>
2、选择渐变工具,颜色设置如图3,拉出图4所示的径向渐变。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/0013e757949abe377fc817f5668c0025-3.jpg)
<图3>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/0013e757949abe377fc817f5668c0025-4.jpg)
<图4>
3、新建一个图层,用钢笔勾出左侧高光部分选区如图5,选择渐变工具,颜色设置如图6,拉出图7所示的径向渐变。按Ctrl + D 取消选区后加上图层蒙版,用黑色画笔把底部涂出透明度效果,如图8。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/d1a9252daebb3b1f4d1954b4528de4b5-5.jpg)
<图5>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/d1a9252daebb3b1f4d1954b4528de4b5-6.jpg)
<图6>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/7156ec9c0a02639b83f6875a167b6498-7.jpg)
<图7>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/7156ec9c0a02639b83f6875a167b6498-8.jpg)
<图8>
4、新建一个图层,选择椭圆选框工具,拉出图9所示的椭圆选区,选择渐变工具颜色设置如图10,拉出图11所示的线性渐变。确定后选择减淡工具涂点高光效果,如图12。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/1fd78dec5c9c0dc40e616c7e9d72472c-9.jpg)
<图9>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/1fd78dec5c9c0dc40e616c7e9d72472c-10.jpg)
<图10>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/1fd78dec5c9c0dc40e616c7e9d72472c-11.jpg)
<图11>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/1fd78dec5c9c0dc40e616c7e9d72472c-12.jpg)
<图12>
5、调出当前图层选区,适当把选区向下移动4个像素左右,按Ctrl + Shift + I 反选,按Ctrl + Alt + D 羽化3个像素,按Ctrl + M 稍微调暗一点,如下图。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/4af2751338aae14bfd7b002b10f18fb0-13.jpg)
<图13>
6、同上的方法把图形底部位置稍微调亮一点,效果如下图。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/4af2751338aae14bfd7b002b10f18fb0-14.jpg)
<图14>
7、新建一个图层,选择椭圆选框工具拉出图15所示的椭圆选区,选择渐变工具,颜色设置如图16,拉出图17所示的径向渐变。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/87e05ffa4ecea3e20164e29124ebbacd-15.jpg)
<图15>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/6a26984e2cc491601a4ce379873cd0c7-16.jpg)
<图16>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/6a26984e2cc491601a4ce379873cd0c7-17.jpg)
<图17>
8、新建一个图层,选择椭圆选框工具拉出图18所示的椭圆选区,按Ctrl + Alt + D 羽化15个像素后填充颜色:#FFEABD,按Ctrl + Alt + G 与前一图层编组,效果如图19。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/6a26984e2cc491601a4ce379873cd0c7-18.jpg)
<图18>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/6571316f6d7278a6535c86ed8c2260da-19.jpg)
<图19>
9、新建一个图层,用椭圆选框工具拉出图20所示的椭圆选区,再选择渐变工具颜色设置如图21,拉上径向渐变,如图20。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/6571316f6d7278a6535c86ed8c2260da-20.jpg)
<图20>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/17b0178e0261ad45ad62b7efe8e10e7f-21.jpg)
<图21>
10、新建一个图层,用钢笔勾出图22所示的选区,加上图23所示的线性渐变。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/17b0178e0261ad45ad62b7efe8e10e7f-22.jpg)
<图22>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/1dd5ebea39d0c77ed9bef2565f519cff-23.jpg)
<图23>
11、用钢笔勾出图24所示的选区羽化5个像素后适当调亮一点。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/1dd5ebea39d0c77ed9bef2565f519cff-24.jpg)
<图24>
12、新建一个图层,用钢笔勾出图25所示的选区填充白色,作为边缘的高光,内部边缘的高光制作方法相同,效果如图26。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/f2ce06ee4376890bf10c46e91e1665c6-25.jpg)
<图25>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/f2ce06ee4376890bf10c46e91e1665c6-26.jpg)
<图26>
13、在背景图层上面新建一个图层,用钢笔勾出图27所示的选区,并拉上图28所示的线性渐变色。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/f2ce06ee4376890bf10c46e91e1665c6-27.jpg)
<图27>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/d827776f68f882b3ba0145cd34bd683f-28.jpg)
<图28>
14、新建一个图层,用钢笔勾出图29所示的选区,羽化1个像素后填充颜色:#BB8E60,用加深,减淡工具调成明暗,加上图层蒙版,用黑色画笔擦去一些不要的部分,如下图。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/0f0373d9ebb74b60fd7d5ff6c15f6881-29.jpg)
<图29>
13、新建一个图层,同上的方法做出高光部分,效果如下图。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/0f0373d9ebb74b60fd7d5ff6c15f6881-30.jpg)
<图30>
14、顶部的高光制作方法同上,效果如图31,32。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/0f0373d9ebb74b60fd7d5ff6c15f6881-31.jpg)
<图31>
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com//Uploads-s/new/2019-10-01-201901/956aa9d4b15756573b686ac0f1d4bd39-32.jpg)
<图32>
15、最后加上投影,再适当调整一些细节,完成最终效果。
![Photoshop打造精致的小茶杯图标](https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-10-01-201901/036bfbca2500d96c3bf3489b3b8190a7-0.jpg)
<图33>