透明な署名画像を作成する方法.

Signature Image Makerを開きます。「署名を描画」は空白のパッドを開き、アップロードは不要です。「署名を入力」は同梱の手書きスタイルで名前を作成します。「署名写真をインポート」は、無地の明るい紙に書かれた既存の手書きマーク用です。

この記事のビフォーアフターの例では、同梱の架空のAlex Morgan署名スキャン（1400 x 550 ピクセルの画像）を使用しています。ビデオでは、選択や回転を含む代替の描画ワークフローを実演しています。これらは同じツール内での異なる開始方法です。

記事の例では、署名サンプルをインポートし、「署名写真をクリーンアップ」を選択したままにします。「明るい紙の背景を削除」を有効にし、「紙の除去強度」を 215 に保ちます。「選択したインク色を使用」を有効にし、青いインク用に #244EB8 を選択します。

クリーンアップにより明るいピクセルが透明になりますが、手書き文字は認識されません。しきい値を下げると、より多くの明るいピクセルや中間調のピクセルが除去され、薄いインクも消えてしまう可能性があります。元のインク色を保持する必要がある場合は、再着色をオフにしてください。

描画した署名の場合は、「選択」を使用してオブジェクトを選んでから「インクの色」や「ペンの太さ」を変更します。オブジェクトが選択されていない場合、それらのコントロールは次の署名に適用されます。「新しい署名」で別のオブジェクトを作成します。パッドは最大 200 ストロークと 8,000 の記録ポイントをサポートしています。

署名を選択してドラッグし、移動します。角のハンドルでサイズを変更し、右上の丸いハンドルで回転させます。Shiftキーを押しながら操作すると 15 度ずつ回転します。または、「設定」で正確な回転値を入力します。「左」と「右」で90度回転します。「元に戻す」と「やり直し」で最近の変更を復元できます。

入力した署名の場合は、最大 100 文字を入力し、「前へ」「次へ」ボタンで同梱のフォントを比較します。「システムフォントを使用」は、ブラウザがサポートしている場合にのみローカルフォントへのアクセスを要求します。同梱の選択肢は許可なしで利用可能です。

写真の例を再現するには、回転をゼロに保ち、「空のスペースをトリミング」を有効にし、「パディング」を 30、「出力幅」を 1600 に設定します。トリミングは目に見えるマークに従うため、最終的な高さは署名と周囲のパディングによって決まります。

PNG を保持し、「スタート」を選択します。結果をダウンロードし、色付きの背景の上に配置して、紙が透明になったことを確認します。比較には実際にダウンロードした青い署名を使用しており、その透明な領域は WebP の図に保持されています。

JPGは白い背景を使用します。SVGは描画されたストロークパスをエクスポートできるため、描画モードで利用可能です。入力されたテキストやインポートされた写真はラスター出力を使用します。結果は署名画像であり、本人確認や証明書付きの文書署名ではありません。