選択範囲電光掲示板風加工ツール (ドット絵風モザイク)

IMAGE
▼
▼ 色を取得する [ 表示 ]
▼　点のサイズ (半径) 点と点の間隔 (スペース) 点の透明度 (0～100)
背景色を設定する (※チェックを入れる)
背景色の透明度 (0～100)
▼ ぼかし [ 表示 ]
▼ 調整 [ 表示 ]
▼　

X: , Y: ▼　 ▼ 座標調整 [ 表示 ]
●　 ▼ 詳細設定 [ 表示 ]
●　 ▼ データ管理 [ 表示 ]
▼　

画像を作成・保存する

▼　説明

選択範囲を電光掲示板風(ドット絵風モザイク)に加工するウェブアプリです。おしゃれなモザイクをかける事が出来ます。直線と二次ベジェ曲線に対応。1ピクセル単位で座標を調整できます。

手順
1. 画像を読み込む (大きいサイズの場合は縮小表示にする)
2. キャンバスを複数回クリックして、範囲 (多角形または曲線の形状) を設定する (後から点を移動(ドラッグ＆ドロップ)させる事もできる)
3. 完成したら「GENERATE」と「DOWNALOD」のボタンをを押す
曲線で座標を指定する方法 (二次ベジェ曲線の場合)

曲線は始点・制御点・終点の三箇所を指定して一本の線を描画します。さらに曲線を描画し続ける場合は、前の曲線の終点が始点となって、制御点・終点の二箇所を追加で指定します。
キャンバスの外に座標を指定したい場合 (例えばマイナスの数値を入力する場合) は、座標を指定した後で「座標調整」の数値を変更して下さい。
アドバイス (画像の拡大・縮小) (ＰＣの場合)

完成した画像 (GENERATEボタンを押した後の画像) の上へマウスカーソルを乗せた時に、Ctrlキーを押しながらマウスホイールをスクロールすると画像を拡大・縮小できます。拡大・縮小した画像を確認したい場合に利用できます。

拡大した画像を上下左右に移動する場合は、マウスカーソルを画像に乗せてドラッグするかスクロールバーを操作してください。
マウスカーソルを画像に乗せてマウスホイールを上下にスクロールした場合は、ページ全体が上下に移動します。

ちなみに画像以外の場所で、Ctrlキーを押しながらマウスホイールをスクロールするとページ全体を拡大・縮小できます。こちらはブラウザー (Chromeなど) の標準機能です。
補足

通常は点のある部分のみ切り抜きます。「切り取った枠の線」にチェックを入れた場合は、選択した線で切り抜きます。
関連リンク

画像ツール (目次)
選択範囲モザイク加工ツール
選択範囲ぼかし加工ツール
選択範囲塗りつぶしツール
選択範囲トリミングツール (自由な形に切り抜き)
※ 選択範囲シリーズ同士のログデータ(座標情報)は互換性があります。

旧バージョン
電光掲示板風加工ツール (全体加工)
▲ 上部に移動する