本文目录

• • 前言
  • Step 1 在纸上手写签名，手机拍照传到电脑
  • Step 2 把照片拖进PS，色阶调整把背景变纯白
  • Step 3 利用色彩范围建立选取，再反选选区删除背景，将背景变为透明
  • Step 4 对文字部分进行加黑处理
  • Step 5 裁剪合适的尺寸，保存为PNG格式

前言

本文所讲内容是，从写在纸上的手写签名，到利用PS软件制作成电子签名的过程。
也就是做成类似下图的样子：

注：本文中所用软件为“Photoshop CS6”。

Step 1 在纸上手写签名，手机拍照传到电脑

首先，你要准备一张洁净、没有褶皱的白纸（其实没那么白也行），然后在纸上书写出你的帅气签名。
比如下图这样：

可以看出，我的这张签名的纸就不是很白，并且由于手机拍照光线原因，显得更加暗了，但是没有关系，这些问题下一步骤在PS中都可以解决。
然后，手机拍照，拍照的时候质量要好一些，不要对焦对的虚虚的，要清晰！
再然后，把照片搞到电脑上来，最好传原图！

Step 2 把照片拖进PS，色阶调整把背景变纯白

这一步我们就解决背景不是很白的问题。
把照片拖进PS中，注意，拖进PS后，右侧图层面板中这个照片图层是有个“锁”的图标，我们需要双击这个图层，然后会出现一个对话框，这时点确定，就把锁打开了。如下两图所示：

然后打开色阶调整的对话框，如下图，也可以利用快捷键“Ctrl + L”：

打开了如下图的色阶调整对话框：

我们可以看到，右边有三个吸管的图标：黑头吸管、灰头吸管和白头吸管。我们需要点击的是最右边的白头吸管，如下图中红圈的位置，这个按钮的描述是“在图像中取样以设置白场”：

然后，我们点了这个白头吸管后，鼠标也变成了吸管，这时往照片的背景部分的任意地方点击一下，就变成了如下图这样的纯白背景的图片：

至此步，这个图片就赫然分成了两个部分：白色的背景部分，黑色的文字部分。
对于这两个部分，我们要分别进行如下处理：

#mermaid-svg-IVZa2Np3ALZsZqOR {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-IVZa2Np3ALZsZqOR .error-icon{fill:#552222;}#mermaid-svg-IVZa2Np3ALZsZqOR .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-IVZa2Np3ALZsZqOR .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-IVZa2Np3ALZsZqOR .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-IVZa2Np3ALZsZqOR .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-IVZa2Np3ALZsZqOR .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-IVZa2Np3ALZsZqOR .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-IVZa2Np3ALZsZqOR .marker{fill:#333333;stroke:#333333;}#mermaid-svg-IVZa2Np3ALZsZqOR .marker.cross{stroke:#333333;}#mermaid-svg-IVZa2Np3ALZsZqOR svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-IVZa2Np3ALZsZqOR .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-IVZa2Np3ALZsZqOR .cluster-label text{fill:#333;}#mermaid-svg-IVZa2Np3ALZsZqOR .cluster-label span{color:#333;}#mermaid-svg-IVZa2Np3ALZsZqOR .label text,#mermaid-svg-IVZa2Np3ALZsZqOR span{fill:#333;color:#333;}#mermaid-svg-IVZa2Np3ALZsZqOR .node rect,#mermaid-svg-IVZa2Np3ALZsZqOR .node circle,#mermaid-svg-IVZa2Np3ALZsZqOR .node ellipse,#mermaid-svg-IVZa2Np3ALZsZqOR .node polygon,#mermaid-svg-IVZa2Np3ALZsZqOR .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-IVZa2Np3ALZsZqOR .node .label{text-align:center;}#mermaid-svg-IVZa2Np3ALZsZqOR .node.clickable{cursor:pointer;}#mermaid-svg-IVZa2Np3ALZsZqOR .arrowheadPath{fill:#333333;}#mermaid-svg-IVZa2Np3ALZsZqOR .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-IVZa2Np3ALZsZqOR .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-IVZa2Np3ALZsZqOR .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-IVZa2Np3ALZsZqOR .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-IVZa2Np3ALZsZqOR .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-IVZa2Np3ALZsZqOR .cluster text{fill:#333;}#mermaid-svg-IVZa2Np3ALZsZqOR .cluster span{color:#333;}#mermaid-svg-IVZa2Np3ALZsZqOR p.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-IVZa2Np3ALZsZqOR :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} 本图片 白色的背景部分 黑色的文字部分 删除背景, 见Step3 文字加黑, 见Step4

Step 3 利用色彩范围建立选取，再反选选区删除背景，将背景变为透明

如下图，打开色彩范围：

打开后的色彩范围对话框中，右侧也有三个吸管图标：没符号的吸管、带加号的吸管和带减号的吸管。我们这里选择没符号的吸管，点击一下，如下图：

点击完没符号的吸管之后，鼠标也变成了吸管，这时，选择黑色的文字部分的任意区域（一定要点到黑色的地方！），这个色彩范围的对话框中的预览图一定是变成类似这样的，黑背景白文字，如下图：

然后，我们点击对话框中的“确定”，这时你会发现，文字部分的边际变成了“蚂蚁线”，蚂蚁线所包围的区域叫做“选区”，也就是说文字部分已经创建了选区，如下图：

这时我们使用快捷键“CTRL + SHIFT + I”，这个快捷键的含义是“反向选择选区”，使用后发生了什么吗，仔细观察你会发现，整个图片的边界也出现了蚂蚁线（操作之前的图片边界是没有蚂蚁线的）。就是说，反向选择选区之后，现在的选区变成了整个图片中原选区（黑色文字部分）以外的区域，也就是白色背景部分变为了选区。如下图：

好了，那我们就可以对白色背景部分进行操作了，我们要做的就是删除它，使用快捷键“Delete”，于是，变为了如下图所示：

白色背景没有了，取而代之的是这些密密麻麻规则排列的小方格，这个小方格背景所代表的意思就是“透明”，也就是说，我们已经删除了原来的背景，现在背景就是透明的。

Step 4 对文字部分进行加黑处理

文字加黑处理是啥意思？我们放大图片，可以看出，用笔写出来的墨迹经过之前“Step2 白头吸管变纯白背景”那一步时，文字也变得没那么纯黑了，如下图所示：

因此，要对文字进行加黑处理。
这时我们再“CTRL + SHIFT + I”，反向选择选区，将选区切换回了黑色文字部分。
我们先放着这个选区不要管。
接下来要设置一下前景色或后景色（两个设置一个就够了），将前景色或后景色设置为黑色，这一步的目的是把黑色填充给上面的选区，做到加黑文字的效果。在这里，我们选择设置前景色。点击一下如下两图所示的左上的小方块，


然后点击“确定”，我们可以发现，此时前景色的小方块变成了黑色。然后我们需要把这个黑色填充到刚刚的选区，使用快捷键“ALT + Delete”。这一步之后，我们会发现，选区已经变成了纯黑色，也就是说，我们做到了加黑文字的目的（相信我，仔细看，你会看出前后的差别的）！如下图：

接下来就可以把选区取消掉了，使用快捷键“CTRL + D”（取消选区），这时，蚂蚁线也就随之消失了。

Step 5 裁剪合适的尺寸，保存为PNG格式

使用裁剪工具，如下图所示：

选择好了合适的尺寸之后，就点击右上角的“对号”图标，裁剪就完成了，如下图：

退出裁剪模式的话，点击“移动”工具就行，如下图：

最后就是将制作好的电子签名保存到电脑上，注意，一定要保存为PNG格式！如下两图：


我们的电子签名做好啦！

---

以上就是全部内容啦~

希望可以得到你的赞，非常感谢！