UPDATE :
画像をクリックして 文字の位置を決定
▼
';
var http ='../pic/'; var path ='picture_text_mask_tool_script_lib_'; var src = http+path;
var files =['run']; var ext ='.'+'js?b';
var html =''; for( var i=0, len=files.length; i
説明
▼ 表示
▼ 非表示
画像を文字列(テキスト)の形に切り抜く(型抜き・クリッピングする)ウェブアプリです。
アドバイス (1) 文字列の形に切り取った後
文字列の形に切り取った後の 画像を整形する場合は、キャンバスサイズ変更ツールで画像の周辺を削除して下さい。
アドバイス (2) 火・炎などのエフェクト画像を文字に合成する
▼ 炎画像の無料素材 (表示)
▼ 炎画像の無料素材 (非表示)
バナーサイズの炎 (パブリックドメインQ)
燃え盛る炎 (パブリックドメインQ)
赤い炎 (パブリックドメインQ)
青い炎 (パブリックドメインQ)
メラメラと燃える青い炎 (パブリックドメインQ)
激しく燃える炎 (イラストAC)
▼ その他の無料素材 (表示)
▼ その他の無料素材 (非表示)
キラキラ
宇宙
青空
水面・水中
木材
芝生
岩石・レンガ
金属・宝石
迷彩
動物 (トラ)
動物 (ヒョウ)
動物 (シマウマ)
アドバイス (3) 文字に合成する画像と背景に合成する画像を同じにする
背景に合成した画像 (文字以外の部分) の色を変化させる場合
手順 1. 「文字に合成する画像」と「背景に合成する画像」(背景設定/背景画像) に 同じ画像を入力する
手順 2. 「背景画像の透明度」を 100未満に変更する (0だと画像は完全な透明になる)
手順 3. 「背景画像を透過した場合に指定する色を反映する」にチェックを入れる
手順 4. 「背景画像を透過した場合に指定する色」を任意の色に変更する (黒などにする)
文字に合成する画像 (文字の部分のみ) の色を変化させる場合
手順 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
関連リンク
画像ツール (目次)
文字入れツール (マウス操作対応)
アーチ形状文字入れツール
円形状文字入れツール
▲
上部に移動する