📖 画像編集機能 ペイントモードの使い方
# ペイントモードとは
画像編集機能にて、画像にオブジェクトを描き込んだりトリミングなどができる機能です。

マニュアルの作成や、画像の個人情報を隠したりなど、さまざまな用途でご利用できます。

![e039a8b3-dbb6-44b9-a603-b05141be90c8-1920x1273r.png](https://image.docbase.io/uploads/54249024-8241-4170-9cdb-996e6f316f7f.png =WxH)

# ペイントモードを使うには
まず編集画面で画像をクリックし、[サイズ変更モード](https://help.docbase.io/posts/3277706)に入ります。
右上のメニューから「画像にペイント」ボタンをクリックします。

![31345dc8-2925-4dde-a2d9-44d6e5200e93-1920x1383r.png](https://image.docbase.io/uploads/981991f4-127b-44c1-81cd-59c9975b2310.png =WxH)

クリックするとダイアログが開き、ペイントモードを開始します。

![25e0ccf4-bfee-4e76-b71c-7f87013fcc82-1920x1273r.png](https://image.docbase.io/uploads/9fda12de-0402-4bf6-ba0c-d113c3554986.png =WxH)

# ペイントモードの機能
![827b3ccd-0a5d-4473-a2bc-689964de25bd-1920x149r.png](https://image.docbase.io/uploads/3698c774-a8bf-43eb-86dd-82e5a2a43190.png =700x)

ペイントモードでは以下の操作ができます。

- 枠線（短冊）
    - 楕円
    - 直線
- 矢印
- テキスト
- ペン
- モザイク
- 回転
- 切り取り

また、オブジェクトによっては色・太さの選択ができます。

## 枠線
![3b2ceffb-b7a7-448d-9db2-e2ef07771d54-1920x1632r.png](https://image.docbase.io/uploads/255c25f1-dbc1-416d-a16b-5b7942b9952d.png =70x)
![c038da6f-e394-4aab-b8e6-a99fe6950621-1920x1278r.png](https://image.docbase.io/uploads/6e94265f-7021-4c62-9ad1-4017351d00df.png =700x)



オブジェクトの描画後、拡大縮小や回転ができます。

![d03ead99-4d5e-4d06-813c-eb658f46953d.gif](https://image.docbase.io/uploads/dbf05636-c8a6-4e8b-97cc-2a053c999aae.gif =460x)


アイコン横の▼をクリックすると、オブジェクトの形を変更できます。

![a03b06c3-698a-4c06-8545-fa72fe844045-1920x5448r.png](https://image.docbase.io/uploads/c9bd27af-a2dd-4421-9905-5ec156991543.png =90x)


- 楕円 ![324670d8-c3b3-491c-aaca-fb68217dd856-1920x1278r.png](https://image.docbase.io/uploads/9440d378-39a8-4d05-8d3e-4d30a029e262.png =700x)
- 直線 ![c7374cc8-1f16-4791-a403-41ceb8c714c8-1920x1279r.png](https://image.docbase.io/uploads/aad5770c-b1a0-4f06-a8b1-9e565b09c20d.png =700x)

## 矢印
![afe210a6-9602-4c69-9cd4-fc1a23eea4db-1920x2134r.png](https://image.docbase.io/uploads/64916ebd-51da-4e6f-ba47-12dd73d9514c.png =60x)
![4f6895c1-9c17-4947-b1ae-8ef15253c3c4-1920x1274r.png](https://image.docbase.io/uploads/8d40a094-77e6-426c-b561-cf2cea8de0fe.png =700x)


左端、もしくは右端の□をドラッグして矢印の細かい位置、方向を調整できます。

![7fec0230-0e45-489f-ad82-c59dfbc3cff2.gif](https://image.docbase.io/uploads/d1b7ff55-bafb-4294-bc01-71c0274c52f1.gif =460x)

## テキスト
![5170743e-b5b7-4e1d-8eca-9994c3aaadd9-1920x1566r.png](https://image.docbase.io/uploads/2335d742-36f9-46b4-8e78-0d65f858e7fb.png =80x)
![fd18f38e-9bcd-4eaa-ab39-176696b5e8a8-1920x1274r.png](https://image.docbase.io/uploads/a32259b5-db3b-4c97-8622-694038477ea1.png =700x)

テキスト入力の後、拡大縮小や回転ができます。

![dff7695d-e50f-417e-9017-b7934fce2ad3.gif](https://image.docbase.io/uploads/674a930f-209e-4ffb-8817-bfd98af79c64.gif =460x)

## ペン
![06922444-7fb6-4306-94a3-427dba737fab-1920x1887r.png](https://image.docbase.io/uploads/1b009095-4e09-4f74-8dcc-72d56710302f.png =80x)
![スクリーンショット 2024-10-17 12.07.04.png](https://image.docbase.io/uploads/76361cb4-fe88-403c-a4a2-95507aa741d6.png =700x)

ペンで描くように自由に描画できます。

![d442d703-67d9-42c7-8fd1-7761ca1df897.gif](https://image.docbase.io/uploads/5f2d722d-a88a-4b99-b3cf-7eea567fd515.gif =460x)


## モザイク
![8b278d74-e9eb-476a-a35a-d088b1e88f42-1920x1469r.png](https://image.docbase.io/uploads/4c408e61-fb61-4c6a-8ac3-339972765c77.png =80x)
![76157c31-f650-440b-94ec-e9348dee66e0-1920x1277r.png](https://image.docbase.io/uploads/cd16a3e8-0bf8-493c-b37e-d0966c7fd055.png =700x)

モザイクタイルは下の画像に関係なくランダムに描画されるので、AIによるモザイク外しなどの心配はありません。

モザイク描画の後、拡大縮小や回転ができます。

![766c5088-fecc-443c-b7c1-e5adda48cb4e.gif](https://image.docbase.io/uploads/51ce15a3-d4d9-4241-a5af-314339f89e8a.gif =460x)


## 色選択
![6ab84676-b746-4977-82a6-df6f18735f82-1920x7291r.png](https://image.docbase.io/uploads/cf37829f-ba94-41f1-b475-a9cc0f209176.png =80x)

オブジェクトの色を変更できます。
![326653f4-dc84-4add-9763-bdb53592fafe.gif](https://image.docbase.io/uploads/5f6054f6-f609-495e-8996-c831e42e3e79.gif =460x)


## 太さ選択
![9e83e208-4fd6-4d49-a97b-a72f4efee73e-1920x6912r.png](https://image.docbase.io/uploads/5b7fb82e-3519-4f81-855c-d4ef4f2e534c.png =70x)

オブジェクトの線の太さを変更できます。

![f80bfa40-97e5-4482-ba29-257839fbf7d2.gif](https://image.docbase.io/uploads/a2af2b90-65fb-4784-896b-95fa781412a1.gif =460x)

## 回転
![0bfe123b-acc9-427d-84af-b0b6a5243763-1920x1728r.png](https://image.docbase.io/uploads/53e72166-7477-4ac8-b1a9-bcb4bd25188f.png =80x)

画像を90度ずつ反時計回りに回転できます。

![54f981cc-8c21-4d2e-b68d-89b325f83275.gif](https://image.docbase.io/uploads/2796682c-920d-4071-a6da-9b34e0adef07.gif =460x)

## 切り取り
![60e33c09-c91f-4ba5-8cd6-8426f4f07156-1920x1337r.png](https://image.docbase.io/uploads/ed6cec1e-4eac-43e2-9c12-0cacb15ae908.png =80x)

画像をトリミングできます。

![d6e0652f-7214-4266-9b5a-a962768214c9.gif](https://image.docbase.io/uploads/83f0f24d-4f4e-4496-a22f-781e7fb8c5ae.gif =460x)


## 元に戻す、やり直し
![スクリーンショット 2024-07-03 15.47.06.png](https://image.docbase.io/uploads/f9b827b1-15bd-4c15-a5ed-dce76ee5436c.png =170x)

直前の操作を取り消し、もしくはやり直しができます。

## オブジェクトの削除
オブジェクトを選択し、`Backspace(Delete)`キーを押します。

![ec688684-7871-4e4d-8e71-3018a19fe39f.gif](https://image.docbase.io/uploads/9d932429-6ed4-4fc7-bf1f-ab77fa5133d0.gif =460x)

## 保存
![4fc7f925-37a4-4a81-ab43-d5fe262d8c03-1920x1778r.png](https://image.docbase.io/uploads/b0ecaf8a-2974-4c36-bbe6-b42900e4b06b.png =70x)

ペイントした画像を保存できます。

※画像は上書き保存されます。元画像にはアクセスできなくなりますのでご注意ください。

## キャンセル
![7759d8e8-620d-47e2-8719-1bffa7e22c47-1920x1250r.png](https://image.docbase.io/uploads/08ec5a77-79c6-40e6-9a62-479b780449f7.png =100x)

ペイントした内容をキャンセルできます。

## ショートカットキー
以下のショートカットキーもご利用いただけます。

| 操作 | ショートカットキー |
| --- | --- |
| 画像の保存 | `Ctrl` + `S` (Windows)<br>`Cmd` + `S` (macOS) |
| オブジェクトをすべて選択 | `Ctrl` + `A` (Windows)<br>`Cmd` + `A` (macOS) |
| オブジェクトのコピー | `Ctrl` + `C` (Windows)<br>`Cmd` + `C` (macOS) |
|オブジェクトのペースト  |  `Ctrl` + `V` (Windows)<br>`Cmd` + `V` (macOS)  |
|元に戻す  |  `Ctrl` + `Z` (Windows)<br>`Cmd` + `Z` (macOS)  |
|やり直し  |  `Ctrl` + `Shift` + `Z` または `Ctrl` + `Y` (Windows)<br>`Cmd` + `Shift` + `Z` または `Cmd` + `Y` (macOS) |

## よくある質問
### ペイントする前の元画像は保持されますか？
保持しません。
ペイントした画像を保存した場合は、元画像に上書きされます。

一度ペイントして保存した場合、DocBase上では元画像にアクセスできなくなります。ペイント前の画像はお客様ご自身で保管してください。

### 色指定の際に、カラーコードなどで細かく指定できますか？
現在、規定色以外の色変更には対応していません。


#{https://help.docbase.io/posts/3277706}