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


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

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

文字マスクツール (1)文字マスクツール (2)
UPDATE : 画像をクリックして 文字の位置を決定
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. 「合成画像を透過した場合の下地の色」を任意の色に変更する (赤などにする)
対応フォント

極太 メイリオ ゴシック体 明朝体 コーポレートロゴ コーポレートロゴ(太字) コーポレートロゴ(ラウンド) ラノベPOP 装甲明朝 源界明朝 ふぉんとうは怖い明朝体 怨霊フォント GIANTS Baseball Baseball PixelMplus10
対応ウェブフォントを追加する方法 (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 2024 (C) UTILITY LABO © UTILITY LABO お問い合わせ (メールフォーム) / ツイッター