ps制作自媒体数字分隔线 photoshop设计教程 电商美工自学课程

想了解更多精彩内容，快来关注粤北大叔彭生生

平时用手机阅读文章的时候，尤其阅读流程性强的文字，我们都能看到文章中间的数字及其序号设计得异常有个性，今天呢，我们就教大家如何设计数字序号分隔线。

设计效果图

第1步：打开软件新建文档，文档的尺寸选择宽750像素、高480像素。符合自媒体图片素材尺寸一般都是宽750像素，包括网店的尺寸也可以用这个尺寸。新建文档后再新建图层，给文档拉3条标尺线，给文档平均分为4行。

文档的建立

第2步：在文档中输入数字01，字体建议选粗一点的字体，我选择方正正粗黑简体，字体尽量大一点，我选择50点。在数字下面画个小小的长方形条，然后在长方形条下面画1像素的直线。

数字的输入

第3步：在数字的中下面画一个矩形框，填充白色，同时在上面输入我们自媒体的LOGO名称，字体颜色选择灰色。

数字的点缀

第4步：按住Ctrl键，点击我们刚才设计的全部图层，点图层，图层编制，把全部图层归于一个组，快捷键是Ctrl+G。

建立图层组

第5步：复制图层组，一共复制4个图层组，当然我们的数字多，就多复制几组。接着给图层组重命名。

复制图层组

第6步：依次把2.3.4组移动到下面区域，接着按裁剪工具，我们选择切片工具，按住鼠标，按照标尺依次对文件进行切片。切片工具应用于网页设计也是很普遍。

切片工具的运用

第7步：点击文件，存储为web和设备所用格式，按确定就可以把图片导出来。导出来的图片分为4个图片，每个图片的尺寸为750x120像素。

导出图片

图片导出之后，我们就可以把图片用于自媒体编辑了，比如段落分布，流程分布。是不是很简单，但是却很实用。你学会了吗？

关注我，每天为您推送更多的电商美工教程。

本文由粤北大叔彭生生原创，欢迎关注，带你一起长知识！