目录

步骤

一、制作标尺 

1.1、制作标尺线部分

1.2、制作文字部分

1.3、制作角度部分 

二、制作标尺背景

三、制作Mask

四、制作指针Icon

---

步骤

一、制作标尺 

1.1、制作标尺线部分

首先需要制作如下图片素材 

1. 打开PS，新建一个文档，设置宽度为1024，高度为60

打开“视图-》标尺”

在“编辑-》首选项-》单位与标尺”中设置标尺单位为像素

添加参考线

如果新建的背景为黑色以外的其它颜色，则需要先将前景色改为黑色，然后按住Alt+Delete点击背景，就可以将背景换成黑色

创建一个新图层

使用矩形框选工具框选一个长16宽4个像素的区域

将前景色切换为白色，按Alt+Delete键点击框选区域使之填充为白色

Ctrl+D取消选择区域，然后按住V键来移动白色区域，移动到如下图所示位置

点击移动工具，然后按住alt键复制一份图层

 选中“图层1拷贝”

再复制7份

拖最后一个复制出来的图层到最右边，设置最左和最右边的图层的宽只显示两个像素

选中除背景外的所有图层，点击居中分布。此时我们就将划分了8个大方向

选中除背景外的所有图层，复制一份

Ctrl+E合并图层

将之前的9个图层选中，然后新建组

重命名为“大标尺备份”

新建一个图层，再框选一个长12像素、宽2像素的区域

按下Alt+Delete将框选区域填充为白色

这个图层命名为“小指针1”

按住Alt键拷贝一份图层“小指针1”

再复制23份

将“大标尺”隐藏

选中最后复制出来图层，按住V键将其移动到最右边并且隐藏一半

将第一个“小指针”图层移动到最左边，同样隐藏一半

选中所有的小指针图层，然后点击水平居中分布

Ctrl+V复制所有“小指针”图层，Ctrl+E合并图层，合并后的图层命名为“小指针”，将之前图层添加到组，命名为“小指针备份”

1.2、制作文字部分

使用文字工具在中间添加一个“北”

这里设置字体为黑色，大小为14

再复制8份

同样的方法，选中最后一个复制的文字将其移动到最右边

选中第一个文字将其放置最左边

水平居中分布

修改文字如下所示

Ctrl+V复制所有文字图层，Ctrl+E合并图层，合并后的图层命名为“文字部分”，将之前图层添加到组，命名为“文字备份”

1.3、制作角度部分 

新建一个图层

添加一个文字，写为90

移动到最左边，并隐藏一半

水平居中分布

修改数值如下所示

备份

打开文字部分发现有部分重合，因此接下来只需把出现文字部分的数值删除即可

选中图层“数值部分”，然后用框选要删除的数字，再按下Delete删除

删除后如下

选中“数值部分”、“文字”、“小指针”和“大标尺”4个部分复制一份，然后Ctrl+E合并

将图层“完整”导出为png

二、制作标尺背景

再新建一个宽度1024，高度60的文档

新建空白图层

先设置前景色为黑色，然后Alt+Delete将新建的图层填充为黑色

双击“图层1”来打开图层样式，然后选中“渐变叠加”

角度设置为0度使得在水平方向进行渐变叠加

双击“渐变”来打开渐变编辑器

将两边选为黑色

中间设置为黑色

此时效果如下

复制“蓝”通道，复制出的新通道命名为“Alpha”

全部选中

选中图层1，点击存储为

存储为.tga格式

选择32位

三、制作Mask

新建一个文档，尺寸为128*128，分辨率设置为72 

先将新建的白色背景导出为png

新建一个图层

设置前景色为白色，然后Alt+Delete填充颜色

双击图层打开“图层样式”，然后选中“渐变叠加”

双击“渐变”来打开“渐变编辑器”，设置中间为白色

此时效果如下

复制出一个Alpha通道

新建一个空白图层

Alt+Delete填充为白色

选中“图层1”和“图层2”，然后Ctrl+E合并图层

可以看到我们的Alpha通道还是有的

选中合并后的图层存储为tga格式

四、制作指针Icon

创建一个新文档，设置宽度12*12，分辨率为72

选择“多边形工具”，边数选择3

绘制一个三角形

Ctrl+T进行缩放

旋转180°

对图层导出为png

参考视频：

https://www.bilibili.com/video/BV1B14y1N7pa/?spm_id_from=333.337.search-card.all.click&vd_source=36a3e35639c44bb339f59760641390a8