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


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

選択範囲トリミングツール (自由な形に切り抜き)

> 目次 (画像ツール) > 画像トリミングツール・シリーズ >
選択範囲トリミングツール
1.
IMAGE

▼  切り取る範囲
▼ 
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」のボタンをを押す
曲線で座標を指定する方法 (二次ベジェ曲線の場合)

曲線は 始点・制御点・終点の三箇所を指定して 一本の線を描画します。 さらに曲線を描画し続ける場合は、前の曲線の終点が始点となって、制御点・終点の二箇所を追加で指定します。
アドバイス (画像の拡大・縮小) (PCの場合)

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

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

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

切り抜いた画像は、画像合成ツール (重ね合わせ専用) などで合成して下さい。
関連リンク

画像ツール (目次)
選択範囲モザイク加工ツール
選択範囲ぼかし加工ツール
選択範囲塗りつぶしツール
選択範囲電光掲示板風加工ツール (ドット絵風モザイク)
※ 選択範囲シリーズ同士のログデータは互換性があります。

類似ツール
画像トリミングツール (四角形ベース) (四角形、楕円形、ハート形、星形)
画像トリミングツール (円形ベース) (円形、楕円形、桜形、星形、など)

旧バージョン (非推奨バージョン)
自動切り取りツール

キャンバスサイズ変更ツール (キャンバスの周辺を削除する場合)
上部に移動する
by UTILITY LABO
<< 目次 (画像ツール)


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