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

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

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

選択範囲電光掲示板風加工ツール (1)選択範囲電光掲示板風加工ツール (2)
1.
IMAGE
 ▼
▼ 色を取得する [ 表示 ]
▼ 色を取得する [ 非表示 ]
 取得する色の座標をクリック
※ Unsupported canvas
取得した色の座標 X:, Y:
▼　 点のサイズ (半径) 点と点の間隔 (スペース) 点の透明度 (0～100)
背景色の透明度 (0～100)
▼ ぼかし [ 表示 ]
▼ ぼかし [ 非表示 ]
※ 数値が大きいほど処理に時間がかかる
 ぼかしの濃さ (1～10)
 繰り返し処理 (1～10)
 ぼかしの透明度 (0～100)
 ▼ 調整 [ 表示 ]
▼ 調整 [ 非表示 ]
 調整 (X座標)
調整 (Y座標)
 ▼　
2.
※ Unsupported canvas
※ Unsupported canvas
※ Unsupported canvas
※ Unsupported canvas
※ Unsupported canvas
X: , Y: ▼　 ▼ 座標調整 [ 表示 ]
▼ 座標調整 [ 非表示 ]
 ▼ 全座標一括変換 [ 表示 ]
▼ 全座標一括変換 [ 非表示 ]
 横軸移動 (X軸)
 縦軸移動 (Y軸)
 横軸拡大縮小 (X軸)
 縦軸拡大縮小 (Y軸)
 中心点 (X軸)
 中心点 (Y軸)
 回転する角度 (-360～360)
 ▼　 ▼ 詳細設定 [ 表示 ]
▼ 詳細設定 [ 非表示 ]
 選択可能な座標のピクセル単位 (初期設定値は1) (推奨設定値は5または10)
線の色
枠の色
枠の太さ
▼　 ▼ データ管理 [ 表示 ]
▼ データ管理 [ 非表示 ]
 データを保存する (出力)
 データをキャンバスに読み込む (入力)
LOG DATA
 ▼
テンプレートデータ DOWNLOAD
ハート形 (500x500)
星形 (1) (500x500)
星形 (2) (500x500)
星形 (3) (500x500)
※ ログデータは、選択範囲シリーズのツールで「データ管理 ＞ データをキャンバスに読み込む」から使えます。 選択範囲は「座標調整 ＞ 全座標一括変換」で移動、拡大縮小、回転することができます。 ※ 選択範囲シリーズのツール同士のログデータは互換性があります。
 ▼　
3.
画像を作成・保存する
▼　
▼ OUTPUT FORM Image is displayed here
説明
選択範囲を電光掲示板風(ドット絵風モザイク)に加工するウェブアプリです。おしゃれなモザイクをかける事が出来ます。 直線と二次ベジェ曲線に対応。1ピクセル単位で座標を調整できます。
手順
1. 画像を読み込む (大きいサイズの場合は縮小表示にする)
2. キャンバスを 複数回クリックして、範囲 (多角形 または 曲線の形状) を設定する (後から点を移動(ドラッグ＆ドロップ)させる事もできる)
3. 完成したら「GENERATE」と「DOWNALOD」のボタンをを押す
 曲線で座標を指定する方法 (二次ベジェ曲線の場合)
曲線は 始点・制御点・終点の三箇所を指定して 一本の線を描画します。 さらに曲線を描画し続ける場合は、前の曲線の終点が始点となって、制御点・終点の二箇所を追加で指定します。
アドバイス (画像の拡大・縮小) (ＰＣの場合)
完成した画像 (GENERATEボタンを押した後の画像) の上へ マウスカーソルを乗せた時に、Ctrlキーを押しながら マウスホイールをスクロールすると 画像を拡大・縮小できます。 拡大・縮小した画像を確認したい場合に 利用できます。
拡大した画像を 上下左右に移動する場合は、マウスカーソルを画像に乗せてドラッグするか スクロールバーを操作してください。
マウスカーソルを画像に乗せて マウスホイールを上下にスクロールした場合は、ページ全体が上下に移動します。
ちなみに 画像以外の場所で、Ctrlキーを押しながら マウスホイールをスクロールすると ページ全体を拡大・縮小できます。 こちらは ブラウザー (Chromeなど) の標準機能です。
関連リンク
画像ツール (目次)
選択範囲モザイク加工ツール
選択範囲ぼかし加工ツール
選択範囲塗りつぶしツール
選択範囲トリミングツール (自由な形に切り抜き)
※ 選択範囲シリーズ同士のログデータは互換性があります。
旧バージョン
電光掲示板風加工ツール (全体加工)
 ▲ 上部に移動する
by UTILITY LABO
<< 目次 (画像ツール)
WSE 2025 (C) UTILITY LABO © UTILITY LABO お問い合わせ (メールフォーム) / ツイッター