画像ツール (ウェブアプリ)

▼
目次
基本
色
加工
描画 ロゴ
スポーツ
ゲーム / アニメ
動画GIF
その他
Twitter Twitter UL (@utility_labo) フォローはこちらから

文字マスクツール (画像を文字の型で切り抜く)

文字マスクツール (1)文字マスクツール (2)
1.
IMAGE (文字の中に合成する画像)
▼
▼ 合成画像設定 [ 表示 ]
▼ 合成画像設定 [ 非表示 ]
合成画像の透明度 (0~100)
合成画像を透過した場合の下地の色
▼  文字を表示したい場所でクリック (文字の位置を決定)
※ Unsupported canvas
▼ 
2.
▼ 文字の入力 [1] [ 表示 ]
▼ 文字の入力 [1] [ 非表示 ]
文字の位置 [1]
横軸 px, 縦軸 px
横幅の伸縮率 (100%)
▼ 文字の入力 [2] [ 表示 ]
▼ 文字の入力 [2] [ 非表示 ]
文字の位置 [2]
横軸 px, 縦軸 px
横幅の伸縮率 (100%)
▼ 文字の入力 [3] [ 表示 ]
▼ 文字の入力 [3] [ 非表示 ]
文字の位置 [3]
横軸 px, 縦軸 px
横幅の伸縮率 (100%)
▼  ▼ 文字設定 (共通) [ 表示 ]
▼ 文字設定 (共通) [ 非表示 ]
文字のサイズ
文字の枠の色 (1)
文字の枠の太さ (1)
文字の枠の透明度 (1) (0~100)
文字の枠の色 (2)
文字の枠の太さ (2) (※文字の枠の太さ(1)より太く設定)
文字の枠の透明度 (2) (0~100)


文字の書体を選択


文字と文字の間隔 (マイナス値の入力も可)
文字の位置の調整 (共通座標)
横軸 px, 縦軸 px
▼  ▼ 背景設定 [ 表示 ]
▼ 背景設定 [ 非表示 ]


▼  背景の色
背景の透明度 (0~100)
▼  ▼ 描画設定 (文字と背景の間) [ 表示 ]
▼ 描画設定 (文字と背景の間) [ 非表示 ]
▼ 四角形 [ 表示 ]
▼ 四角形 [ 非表示 ]

四角形の位置 (横軸)
四角形の位置 (縦軸)
四角形のサイズ (横幅)
四角形のサイズ (縦幅)
四角形の角丸 (直角の場合は0)
四角形の色
四角形の透明度 (0~100)
四角形の枠の色
四角形の枠の太さ
▼ 円形 [ 表示 ]
▼ 円形 [ 非表示 ]

円形の位置 (横軸の中心点)
円形の位置 (縦軸の中心点)
円形のサイズ (横幅の半径)
円形のサイズ (縦幅の半径)
円形の色
円形の透明度 (0~100)
円形の枠の色
円形の枠の太さ
▼ 画像挿入 [ 表示 ]
▼ 画像挿入 [ 非表示 ]

IMAGE (文字と背景の間に合成する画像)
▼
画像挿入の位置 (横軸)
画像挿入の位置 (縦軸)
▼ 
3.
▼ 
▼ OUTPUT FORM Image result is displayed here

説明

画像を文字列(テキスト)の形に切り抜く(型抜き・クリッピングする)ウェブアプリです。
アドバイス (1) 文字列の形に切り取った後

文字列の形に切り取った後の 画像を整形する場合は、キャンバスサイズ変更ツールで画像の周辺を削除して下さい。
アドバイス (2) 火・炎などのエフェクト画像を文字に合成する

▼ 炎画像の無料素材 (表示)
▼ 炎画像の無料素材 (非表示)
バナーサイズの炎 (パブリックドメインQ)
燃え盛る炎 (パブリックドメインQ)
赤い炎 (パブリックドメインQ)
青い炎 (パブリックドメインQ)
メラメラと燃える青い炎 (パブリックドメインQ)
激しく燃える炎 (イラストAC)

▼ その他の無料素材 (表示)
▼ その他の無料素材 (非表示)
キラキラ
宇宙
青空
水面・水中
木材
芝生
岩石・レンガ
金属・宝石
迷彩
動物 (トラ)
動物 (ヒョウ)
動物 (シマウマ)
アドバイス (3) 文字に合成する画像と背景に合成する画像を同じにする

文字マスクツール (2) 背景に合成した画像 (文字以外の部分) の色を変化させる場合
手順 1. 「文字に合成する画像」と「背景に合成する画像」(背景設定/背景画像) に 同じ画像を入力する
手順 2. 「背景画像の透明度」を 100未満に変更する (0だと画像は完全な透明になる)
手順 3. 「背景画像を透過した場合に指定する色を反映する」にチェックを入れる
手順 4. 「背景画像を透過した場合に指定する色」を任意の色に変更する (黒などにする)

文字マスクツール (3) 文字に合成する画像 (文字の部分のみ) の色を変化させる場合
手順 1. 「文字に合成する画像」と「背景に合成する画像」(背景設定/背景画像) に 同じ画像を入力する
手順 2. 「合成画像の透明度」を 100未満に変更する (0だと画像は完全な透明になる)
手順 3. 「合成画像を透過した場合の下地の色」を任意の色に変更する (赤などにする)
対応フォント LOADING...

極太 メイリオ ゴシック体 明朝体 コーポレートロゴ コーポレートロゴ(太字) コーポレートロゴ(ラウンド) ラノベPOP 装甲明朝 源界明朝 ふぉんとうは怖い明朝体 怨霊フォント GIANTS Baseball Baseball PixelMplus10 ※ 全てのフォントを読み込むまで待機して下さい。「LOADING...」と表示されていたら読み込み中です。

対応ウェブフォントを追加する方法 (WOFF形式)
▼ 表示
▼ 非表示
手順 1. 「文字設定 (共通)」を開く
手順 2. 「文字の書体を追加 (WOFF形式)」を選択する
手順 3. 「WOFF (ウェブフォント)」の入力フォームに WOFFファイルを入力する
※ WOFFファイルを入力したら 反映されるまで数秒お待ち下さい

WOFF形式について
▼ 表示
▼ 非表示
WOFFとは、ウェブページで任意のフォントを使用するための形式です。
WOFF (Web Open Font Format) - Wikipedia

WOFF形式に変換する方法 (TTF形式・OTF形式 → WOFF形式)
▼ 表示
▼ 非表示
WOFFコンバータ (Windows版/Mac版) をダウンロードして、対応ファイルを WOFFファイルに変換して下さい。
変換対応ファイル : TTF (TrueTypeフォント)、OTF (OpenTypeフォント)、TTE、OTE
関連リンク

画像ツール (目次)
文字入れツール (マウス操作対応)
アーチ形状文字入れツール
円形状文字入れツール
▲ 上部に移動する
by UTILITY LABO
<< 目次 (画像ツール)


WSE 2026 (C) UTILITY LABO © UTILITY LABO お問い合わせ (メールフォーム) / ツイッター