- 調整機能や選択ブラシツールを使って、服の色(カラー)を簡単に変更する方法を解説します
- Affinity Designer、Affinity Photo どちらでも利用できます
動画解説
○ 以下の動画で、実際の操作方法を解説していますので、ぜひご覧ください。
※ 実際のマウスなど操作の動きが確認できるので、大変理解しやすいです。
○ YouTubeチャンネル(ちょみ)もぜひご覧ください。
※ Affinity Designer、Affinity Photo、Affinity Publisher の解説動画を多数アップしています。
![](https://i.ytimg.com/vi/1FjU7M4CbFI/maxresdefault.jpg)
画像解説
概要
1.今回は、画像の一部の色を簡単に変更する方法について解説します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-011-1024x576.png)
2.今回は、服の色を変更してみます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-021-1024x576.png)
操作方法|範囲選択
3.この画像は、ストックからダウンロードできます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-031-1024x576.png)
4.「レイヤ」タブを選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-041-1024x576.png)
5.「調整」アイコンを選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-051-1024x576.png)
6.「HSL」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-061-1024x576.png)
7.「色相」のスライダーを動かすことで、色を変更できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-071-1024x576.png)
8.「彩度」のスライダーで鮮やかさを変えることができます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-081-1024x576.png)
9.「輝度」のスライダーで明るさが変わります。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-091-1024x576.png)
10.それでは、部分的に色を変えていきます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-101-1024x576.png)
11.「選択ブラシツール」をクリックします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-111-1024x576.png)
12.下の画像部分で、ブラシサイズを変更することができます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-121-1024x576.png)
13.このような大きいサイズにも変更できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-131-1024x576.png)
14.数値を入力することで、サイズ変更することもできます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-141-1024x576.png)
15.これぐらいのブラシサイズで行ってみます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-151-1024x576.png)
16.以下のショートカットを押すことで、キーボードからブラシサイズを変更できます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-161-1024x576.png)
17.服の部分をドラッグし、選択していきます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-171-1024x576.png)
18.間違えてはみ出して選択したところは、「alt」+ドラッグで、除外選択することができます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-181-1024x576.png)
19.選択できたら、全体を確認していきます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-191-1024x576.png)
20.髪の毛の部分は、後で調整します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-201-1024x576.png)
21.全体を確認します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-211-1024x576.png)
22.細かい選択範囲を調整するのは大変です。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-221-1024x576.png)
23.便利な機能が用意されいます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-231-1024x576.png)
24.「調整」ボタンをクリックします。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-241-1024x576.png)
25.「調整ブラシ」の「マット」を選択し、縁をなぞっていきます。※詳細は動画解説をご覧ください
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-251-1024x576.png)
26.縁をなぞっていきます。※詳細は動画解説をご覧ください
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-261-1024x576.png)
27.調整され、いい感じになりました。※詳細は動画解説をご覧ください
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-271-1024x576.png)
28.髪の毛の部分も同じようになぞります。※詳細は動画解説をご覧ください
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-281-1024x576.png)
29.髪の毛の部分もいい感じになりました。※詳細は動画解説をご覧ください
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-291-1024x576.png)
30.調整できたら「適用」をクリックします。※詳細は動画解説をご覧ください
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-301-1024x576.png)
操作方法|色の変更
31.「調整」をクリックし「HSL」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-311-1024x576.png)
32.「HSL」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-321-1024x576.png)
33.スライダーを動かしてみましょう。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-331-1024x576.png)
34.服の色だけ変更することができました。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-341-1024x576.png)
35.調整したスライダーは、ダブルクリックでリセットできます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-351-1024x576.png)
36.HSLだけでは、うまく黒と白に変更することができません。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-361-1024x576.png)
37.「調整」から「レベル」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-371-1024x576.png)
38.「調整」から「レベル」を選択します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-381-1024x576.png)
39.「黒レベル」を上げると黒くなります。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-391-1024x576.png)
40.「ガンマ」も少し右に移動してみます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-401-1024x576.png)
41.いい感じの黒になりました。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-411-1024x576.png)
42.「白レベル」を下げると白くなります。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-421-1024x576.png)
43.「ガンマ」を少し左へ移動します。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-431-1024x576.png)
44.いい感じの白になりました。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-441-1024x576.png)
45.「HSL」と「レベル」を調整することで、好みの色に仕上げることができます。
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-451-1024x576.png)
![](https://chomi15.com/wp-content/uploads/2023/02/AffinityDesigner-013-461-1024x576.png)
動画解説(YouTube)
○ 以下の動画で、実際の操作方法を解説していますので、ぜひご覧ください。
※ 実際のマウスなど操作の動きが確認できるので、大変理解しやすいです。
○ YouTubeチャンネル(ちょみ)もぜひご覧ください。
※ Affinity Designer、Affinity Photo、Affinity Publisher の解説動画を多数アップしています。
![](https://i.ytimg.com/vi/1FjU7M4CbFI/maxresdefault.jpg)
コメント