作者 adminz 发布于 2019-08-05 修改于

用PS制作点阵图

“公交车数字之问”一文中(链接)要使用点阵图,如何制作呢?第一,使用 photoshop 制作;第二,使用图案填充产生点阵;第三,使用图层蒙版在点阵上突出显示文字。最终效果图如下:

Thumbnail

1、打开 PS ,新建文档。

如下图,选择『打印』,『A4』,『方向』为『横向』,『分辨率』设置为『100』『像素/厘米』。

在PS中以像素为单位时才能做到精确,以厘米为单位时会出现误差。因此分辨率设置为 『100 像素/厘米』之后,也就是每毫米10像素,这样标尺不管是用像素为单位还是用毫米为单位,数值是一样的,在PS就可以用像素为单位做图,方便计算。

Thumbnail

 

2、绘制参考线。

要绘制的点阵图每点直径:3mm(φ3),水平方向点和点的中心之间的距离:4mm(P4),分辨率:64 * 32 像素,在此文档中,计算得知,面积是 256 * 128 ,像素是 2560 * 1280

横向拉四条参考线,分别是:第一条300像素,做为上边距;第二条在305像素;第三条在340像素;第四条在1580像素,也就是点阵纵向的1280与边距300的和;

纵向也拉四条参考线,分别是:第一条300像素,做为左边距;第二条在305像素;第三条在340像素;第四条在2860像素,也就是点阵横向的2560与边距300的和;

纵向和横向参考线第一条和第三条之间是一个点、第一条和第四条之间就是点阵所占面积、第二条用来绘制点。

3、放大文档至500%左右,使用『圆角矩形工具』,按住 ctrl 键不放,光标在第二条参考线的交叉处开始拖一个圆形,看W 和 H 都到30像素时完成。

4、使用矩形选框工具,光标在第一条参考线的交叉处开始到第三条参考线的交叉处结束。

5、使用菜单『编辑』『定义图案』,将刚才建立的这个选区定义为图案。如下图:

Thumbnail

 

6、缩放文档至100%,再用『矩形选框工具』选择第一和第四条参考线之间的区域。确认无误后新建图层1,确认背景色为白色,按 ctrl + Delete 组合键为选区填充白色。

7、双击『图层1』,勾选『图案叠加』,选择第5步定义的图案,缩放100%,点击『紧贴原点』将原点对齐在图层的左上角,点击确定。如下图所示:

Thumbnail

 

8、对『图层1』,『复制图层』为『图层1拷贝』,对『图层1拷贝』『删格化图层样式』。

9、作用文字工具,输入『中国』两个字,将不透明度设置为70%,调整文字大小和字体,尽量充满整个点阵,但是无论如何调整都无法刚好占据到完整的点。如下图:

Thumbnail

 

10、按住 ctrl 键不放,在“中国”文字图层前的图标上点击,载入选区,然后隐藏文字层,现在要做的是如何让选区刚好能选择到点阵中的点?两个办法:

第一种,使用矩形选框工具,增加选区和减少选区;第二种,将选区转为路径,使用钢笔工具调整。这两个方法都需要点耐心,这里使用第二种方法。

11、打开路径面板,使用『从选区生成工作路径』按钮,再使用钢笔工具,按住 Ctrl 键不放,点击路径,再将光标移动到锚点上,当锚点变为实心是再移动锚点,耐心完成所有路径的调整,最后将『图层1拷贝』的透明度设置为40%。如下图所示:

Thumbnail

 

12、路径面板上,按住 Ctrl 键,点击工作路径前的图标,将路径做为选区载入。

13、确保当前图层为『图层1拷贝』,使用图层面板底部的『添加图层蒙板』按钮,完成制作,如下图:

Thumbnail
完成图

14、重难点:一是参考线像素值的精确计算;二是图案叠加时,缩放和紧贴原点;三是图层蒙版文字选区的调整。

15、在“公交车数字之问”一文中(链接)另一幅图如下所示,首先对上图中的『图层1』以及『图层1拷贝』绽放50%之后,然后再复制三组,移动每一组位置,即点阵面积不变,但分辨率变成 4 倍。

其中一个最大的问题是:由于图层1使用了图层叠加效果,在缩放后,叠加的图案并没有缩放,就会导致图层1点的大小并没有和图层一个缩小。解决方法1:编辑图案叠加效果,对叠加的图案也同样缩小50%;解决方法2:首先对图层1,『删格化图层样式』,然后再缩小50%。

Thumbnail