教你用Photoshop画点阵图配合Oled屏幕进行开发显示

前些章节讲了Oled屏幕上想要显示字符、中文和图片的话需要用到PCtoLCD2002这个软件，这次就来说一下如何用Photoshop cs6这个软件来画点阵图，而且Photoshop cs6软件的功能也是比较强大的。

 

1、打开软件Photoshop cs6，界面如下：

 

2、点击左上角的 "文件" -> "新建"选项，也可以使用快捷键 "ctrl+n"，如下图红框：

 

3、新建功能界面如下：

功能选项：① 名称是保存的名字，这个随便取
                  ② 预设选择自定
                  ③ 宽度和高度的单位选择像素，宽高根值据自己的需要设定，例如本例中选择宽度8、高度16也就是8*16的点阵
                  ④ 分辨率自定
                  ⑤ 颜色模式选择RGB颜色，单位为8位
                  ⑥ 背景内容选择白色

4、选项设置完成之后点击确定，新建了一个白色背景，显示列表如下图绿框，这个时候的背景在图中是很小的，如下图红框，这时可以使用快捷键"alt+鼠标滚轮"进行放大和缩小：

 

5、 点击创建新图层选项，该选项在软件的右下角处，如下图：

 

6、创建新图层的列表信息位于下图的绿框，然后将图层填充为黑色，具体操作为 "编辑" -> "填充"，也可以使用快捷键 "shift+F5"，如下红框：

 

7、 填充选项的 "内容->使用" 选择为黑色，如下图：

8、 黑色的8*16像素的背景图层如下图所示：

 

9、点击左侧工具栏的 "矩形选框工具"（如下图红框），在8*16像素的图层使用鼠标左键进行选取，比如要显示2*14的竖框：

 

10、 这里要将竖框填充为白色，可以有两种操作：

① 跟上述第6步骤的操作一样，选择 "编辑" -> "填充"，这里的 "内容->使用" 选择为 "颜色"，选择点击 "颜色" 选项之后会出现 "拾色器（填充颜色）"，在左侧选择左上角的白色即可，如下图1：

图1

点击确定就可以进行填充为白色了，如下图2：

图2

② 先在左侧工具栏选择 "设置前景色 / 设置背景色" 两个选项，如下图红框，粉色为前景色，白色为背景色，这里只对背景色进行修改，点击 "设置背景色" ，这里会出现 "拾色器（背景色）" 界面，选到左上角的白色即可，点击确定，如下图：

 这里可以使用快捷键快速填充为白色：
填充前景色：Alt + Delete
填充背景色：Ctrl + Delete
所以在上述第9步勾选完竖框，并设置好背景色之后，就可以使用 "Ctrl + Delete" 快捷键进行快速填充为白色，如下图：

 

11、 这里竖框的点阵图就只做完成了，点击左上角的 "文件" -> "存储为" 对图片进行保存，如下图红框，点击保存之后的BMP选项格式默认即可。

注意：这里需要将保存的图片格式修改为BMP格式（如下图绿框），因为需要用PCtoLCD2002这个软件进行转化才可以，而PCtoLCD2002只能使用BMP的图片格式才可以转化。

 

12、 打开PCtoLCD2002软件，点击新建选项，图片的宽度和高度根据上述第3步的宽高设置进行填写即可，这里是8*16，如下图：

 

13、点击PCtoLCD2002软件的左上角 "打开一个BMP图像" 选项，选择你刚刚用PS制作保存的BMP图片，并点击 "生成字模" 选项，这里十六进制数就会在下端显示，效果如下：

 

14、 将这些十六进制数提取出来在Oled进行显示的效果如下：

 

15、如果对Oled和PCtoLCD2002的使用还不清楚的话可以参考我之前的文章《详细解析OLED及相关代码，基于SH1107的1.3寸OLED屏》。