Rumah hujung hadapan web Tutorial PS Photoshop设计制作出一个精致的玻璃温度计图标

Photoshop设计制作出一个精致的玻璃温度计图标

Jun 01, 2016 pm 02:33 PM
termometer kaca

温度计构造不复杂,不过玻璃容器部分刻画比较难。因为它的轮廓不是很规则,刻画同一部分的高光及暗部的时候需要分两步或多步来完成。 最终效果

Photoshop设计制作出一个精致的玻璃温度计图标
<图1>

1、温度计图标大致由下面的几部分构成:玻璃容器、液体、度量条纹等。

Photoshop设计制作出一个精致的玻璃温度计图标
<图2>
 
2、新建一个800 * 600像素的文档,选择渐变工具,颜色设置如图3,拉出图4所示的径向渐变作为背景。

Photoshop设计制作出一个精致的玻璃温度计图标
<图3>

Photoshop设计制作出一个精致的玻璃温度计图标
<图4>

3、新建一个组,用钢笔勾出器皿的轮廓路径,转为选区后给组添加图层蒙版。

Photoshop设计制作出一个精致的玻璃温度计图标
<图5>
 
4、在组里新建一个图层,填充淡蓝色:#CBD1E2,添加图层蒙版,用黑白渐变拉出右侧透明效果,如下图。

Photoshop设计制作出一个精致的玻璃温度计图标
<图6>

5、新建一个图层,填充同上的颜色,添加图层蒙版后用渐变拉出左侧透明效果,如下图。

Photoshop设计制作出一个精致的玻璃温度计图标
<图7>

6、新建一个图层,调出当前组蒙版选区,填充暗蓝色:#9A98B9,保持选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后羽化1个像素,按Delete删除中间色块,效果如下图。

Photoshop设计制作出一个精致的玻璃温度计图标
<图8>

7、新建一个图层,用椭圆选框工具拉出下图所示的整体选区,填充白色。保持选区,选择菜单:选择 > 修改 > 收缩,数值为2,再羽化1个像素后按Delete删除。取消选区后添加图层蒙版,用黑色画笔把顶部稍微涂抹一下,效果如图11。

Photoshop设计制作出一个精致的玻璃温度计图标
<图9>

Photoshop设计制作出一个精致的玻璃温度计图标
<图10>

Photoshop设计制作出一个精致的玻璃温度计图标
<图11>
 
8、新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充暗蓝色:#BABFD9,作为顶部的暗部如下图。

Photoshop设计制作出一个精致的玻璃温度计图标
<图12>

9、新建一个图层,用白色画笔涂上一些高光,如图13,14。

Photoshop设计制作出一个精致的玻璃温度计图标
<图13>

Photoshop设计制作出一个精致的玻璃温度计图标
<图14>

10、新建一个图层,调出当前组蒙版选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后填充白色。保持选区,再收缩2个像素,羽化1个像素后按Delete删除,得到边缘高光选区。取消选区后添加图层蒙版,用黑色画笔把右侧以外的部分涂掉,效果如图16。

Photoshop设计制作出一个精致的玻璃温度计图标
<图15>

Photoshop设计制作出一个精致的玻璃温度计图标
<图16>
 
11、新建一个图层,同上的方法制作左侧边缘的高光,效果如下图。

Photoshop设计制作出一个精致的玻璃温度计图标
<图17>

12、液体是红色的,玻璃部分也会有影响。新建一个图层,混合模式改为“柔光”,用红色画笔在液体位置涂上一些环境色。

Photoshop设计制作出一个精致的玻璃温度计图标
<图18>

13、新建一个组,用钢笔勾出液体部分的路径,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作出一个精致的玻璃温度计图标
<图19>

14、在组里新建一个图层,用矩形选框工具拉出图20所示的选区,然后选择渐变工具,颜色设置如图21,拉出图20所示的线性渐变。

Photoshop设计制作出一个精致的玻璃温度计图标
<图20>

Photoshop设计制作出一个精致的玻璃温度计图标
<图21>
 
15、创建曲线调整图层,把全图调亮一点,参数设置如图22,确定后按Ctrl + Alt + G 创建剪贴蒙版,把蒙版填充黑色,用白色画笔把图23选区部分涂出来。

Photoshop设计制作出一个精致的玻璃温度计图标
<图22>

Photoshop设计制作出一个精致的玻璃温度计图标
<图23>

16、新建一个图层,用钢笔勾出下图所示的选区,填充橙红色,取消选区后用模糊工具把顶部稍微模糊处理。

Photoshop设计制作出一个精致的玻璃温度计图标
<图24>

17、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,然后在当前图层下面新建一个图层,用画笔涂出简单的明暗。

Photoshop设计制作出一个精致的玻璃温度计图标
<图25>
 
18、新建一个图层,同上的方法制作液体部分的高光及暗部,过程如图26 - 29。

Photoshop设计制作出一个精致的玻璃温度计图标
<图26>

Photoshop设计制作出一个精致的玻璃温度计图标
<图27>

Photoshop设计制作出一个精致的玻璃温度计图标
<图28>

Photoshop设计制作出一个精致的玻璃温度计图标
<图29>
 
19、在当前组的最上面新建一个图层,用椭圆选框工具拉出图30所示的选区填充橙黄色,再渲染一些高光,效果如图31。

Photoshop设计制作出一个精致的玻璃温度计图标
<图30>

Photoshop设计制作出一个精致的玻璃温度计图标
<图31>

最后加上刻度及一些高光,再微调一下细节,完成最终效果。

Photoshop设计制作出一个精致的玻璃温度计图标
<图32>

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menyemak termometer terbina dalam sistem Win10 Bagaimana untuk menyemak termometer terbina dalam sistem Win10 Dec 22, 2023 am 10:25 AM

Bagaimana untuk menyemak termometer terbina dalam sistem Win10

Corning Gorilla Glass memulakan pengeluaran setempat di kilang Chongqingnya dan akan memasuki pengeluaran besar-besaran rasmi awal tahun depan Corning Gorilla Glass memulakan pengeluaran setempat di kilang Chongqingnya dan akan memasuki pengeluaran besar-besaran rasmi awal tahun depan Dec 19, 2023 am 08:03 AM

Corning Gorilla Glass memulakan pengeluaran setempat di kilang Chongqingnya dan akan memasuki pengeluaran besar-besaran rasmi awal tahun depan

Bahagian dalaman iPhone 15 Pro akan direka bentuk semula dan kos pembaikan dijangka dapat dikurangkan Bahagian dalaman iPhone 15 Pro akan direka bentuk semula dan kos pembaikan dijangka dapat dikurangkan Aug 01, 2023 am 09:41 AM

Bahagian dalaman iPhone 15 Pro akan direka bentuk semula dan kos pembaikan dijangka dapat dikurangkan

Kos pembaikan penutup belakang kaca iPhone 15 Pro dan Pro Max dikurangkan dengan ketara sebanyak 66% Kos pembaikan penutup belakang kaca iPhone 15 Pro dan Pro Max dikurangkan dengan ketara sebanyak 66% Sep 18, 2023 pm 09:09 PM

Kos pembaikan penutup belakang kaca iPhone 15 Pro dan Pro Max dikurangkan dengan ketara sebanyak 66%

Cara membuat carta termometer menggunakan Highcharts Cara membuat carta termometer menggunakan Highcharts Dec 18, 2023 pm 05:53 PM

Cara membuat carta termometer menggunakan Highcharts

Mesin sebenar perak cermin titanium OnePlus Ace 3 Pro diumumkan buat kali pertama: proses kaca logam cecair pertama Mesin sebenar perak cermin titanium OnePlus Ace 3 Pro diumumkan buat kali pertama: proses kaca logam cecair pertama Jun 22, 2024 pm 01:15 PM

Mesin sebenar perak cermin titanium OnePlus Ace 3 Pro diumumkan buat kali pertama: proses kaca logam cecair pertama

Terpanjang dan terbesar di dunia! 'Raja Kaca' dilahirkan di Zibo, China: 26 meter panjang, 3.66 meter lebar, dan 95 meter persegi di kawasan Terpanjang dan terbesar di dunia! 'Raja Kaca' dilahirkan di Zibo, China: 26 meter panjang, 3.66 meter lebar, dan 95 meter persegi di kawasan Jul 23, 2024 am 11:46 AM

Terpanjang dan terbesar di dunia! 'Raja Kaca' dilahirkan di Zibo, China: 26 meter panjang, 3.66 meter lebar, dan 95 meter persegi di kawasan

Sekiranya telefon bimbit diperbuat daripada seramik atau kaca, Honor Zhao Ming bergurau: Ketahanan dan rintangan calar adalah kuncinya Sekiranya telefon bimbit diperbuat daripada seramik atau kaca, Honor Zhao Ming bergurau: Ketahanan dan rintangan calar adalah kuncinya Mar 19, 2024 pm 07:40 PM

Sekiranya telefon bimbit diperbuat daripada seramik atau kaca, Honor Zhao Ming bergurau: Ketahanan dan rintangan calar adalah kuncinya

See all articles