FIRST CH TOOLS LOCAL PROCESSING — 画像はサーバーに送信されません EN

FIRST CH TOOLS / 画像 / 69 STAMP SHAPE GENERATOR

スタンプ形ジェネレーター

郵便切手のようなミシン目の縁を持つ形を作り、透過PNG・SVGで書き出します。形・穴の直径と間隔・角丸・枠線をスライダーで調整でき、水引風の縁・和紙の破れ目・判子の欠けといった和柄のプリセットも選べます。形はSVGのパスとしてお使いの端末内で組み立てます。

基本の形

和柄プリセット

形と大きさ

縁

塗りと外周の線

内枠（複数本で水引のような帯に）

中身（任意）

形の中に入れる画像をドラッグ&ドロップ またはクリックして選択／⌘V・Ctrl+V で貼り付け（PNG / JPEG / WebP / GIF）

かすれ・欠け

How to Use

  1. プリセットを選ぶ切手・角丸・丸などの基本の形か、水引風の縁・和紙の破れ目・判子の欠けの和柄から近いものを選びます。
  2. 縁と色を整える穴の直径と間隔・角丸・内枠・塗りの色をスライダーで調整します。文字や画像を形の中に入れることもできます。
  3. 書き出す「透過PNG保存」でスライドやバナーに貼る画像を、「SVG保存」で拡大しても粗くならないベクター素材をダウンロードします。

About This Tool

郵便切手の縁のギザギザ（目打ち）は、シートから切り離すために並べて開けた穴の名残りです。この形をロゴの台座・バナーのラベル・スライドの見出しなどの装飾素材として使うためのツールです。輪郭は直線と円弧だけでできたSVGのパスとして組み立てるので、Illustrator・Figma・PowerPoint・Keynoteなどにそのまま読み込め、拡大しても角が粗くなりません。PNGは背景が透明のまま、1〜3倍の解像度で書き出せます。

穴は各辺に指定の間隔に最も近い整数の個数を均等に並べるので、どの大きさでも四隅が左右・上下で対称になります。穴の直径が間隔より大きいと隣とつながってしまうため、自動で縮めて警告します。角丸では角の円弧を残して直線部分にだけ穴を開け、円では円周に沿って開けます。縁の種類はミシン目のほか、外向きの半円が並ぶスカラップ、ギザギザのピンキング、波を選べます。

和柄のプリセットは、水引風の縁（紅白ならぬ紅と金の細い線を交互に重ねた帯）、和紙の破れ目（大小のうねりと細かな毛羽で縁を内側へ削る・「毛羽」で繊維が透ける薄い縁を足す）、判子の欠け（朱の輪郭と文字を、縁の欠け・面のかすれ・インクのむらで抜く）の3種です。破れ目と欠けは「乱数の種」から作るため、同じ種なら何度でも同じ形になり、気に入るまで種を変えて選べます。

文字はSVGの <text> として入れ、書体は端末の明朝体・ゴシック体（Macならヒラギノ、WindowsならYu Gothic・Yu Mincho等）を使います。SVGを別の端末やソフトで開くと字形が変わることがあるため、見た目を固定したいときはPNGで書き出すか、読み込んだソフトで文字をアウトライン化してください。形の中に入れた画像はSVGに埋め込まれます。形の生成と書き出しはすべてブラウザ内で行い、入力した文字や画像が外部へ送信されることはありません。書き出したPNGは 画像→WebP一括変換 で軽い形式に、SVGは SVG最適化＆data URI化 でCSSに直接書ける形にできます。

設定はURLパラメータでも渡せます（画像の選択は手元で行います）。例: /stamp-shape/?preset=washi&w=640&h=400&seed=23（preset=stamp,rounded,circle,scallop,pinking,mizuhiki,washi,hanko / shape=rect,rounded,circle / w・h＝寸法 / r＝角丸の半径 / edge=perf,scallop,zigzag,wave,torn,plain / hole＝穴の直径 / pitch＝間隔 / seed＝乱数の種 / fiber=1 / fill＝色（none で塗りなし）/ stroke・sc＝外周の線の太さと色 / frames・fi・fw・fg・f1・f2＝内枠の本数・距離・太さ・間隔・色 / text・font=serif,sans・ts・tc＝文字 / chip=0〜100 / scale=1,2,3）。URLに入れた値はページを開くリクエストとしてサーバーに届きます。

Other Tools