・SAIでグラデーションの作り方を知りたい
・グラデーションを作るときに便利なツールはあるの?
そんな疑問にお答えします。
SAIにはグラデーションツールはありません。
でも、既にある機能を使えば簡単にグラデーションを作れます!
是非、作り方をマスターしてくださいね。
SAIでグラデーションを作る方法
1.中間色バーを表示する
SAIでグラデーションを作るのに便利なのが「中間色バー」です。
色相環の上にある右から3つ目のアイコンをクリックすると4本のバーが表示されます。
![SAIの中間色バーの場所](https://oekaki28.com/wp-content/uploads/sai_grada/8ebb96cda1488fe0f3161ea8a63d5366.jpg)
中間色バーを使えば、2つの色が合わさった色が出来ます。
ここでは1色目黄色、2色目ピンクのグラデーションを作る例を解説します。
2.1色目の色を決める
バーの一番左側の四角にカーソルを近づけるとバケツになるので、1色目の黄色を選んでクリック。
![1つ目色指定](https://oekaki28.com/wp-content/uploads/sai_grada/05086e2956cb7e7739f0a2e9f6bddfdc.jpg)
バーが黄色と白のグラデーションになりました。
3.2色目の色を決める
2色目のピンクを選びバーの一番右側をクリックします。
![二つ目の色指定](https://oekaki28.com/wp-content/uploads/sai_grada/451155e0fe5ecaf42f66a5094a6b4948.jpg)
バーが黄色とピンクのグラデーションになりました。
バーの上にカーソルを持ってくるとスポイトの形になり、色を取ることができるようになっています。
![中間色バースポイトできる](https://oekaki28.com/wp-content/uploads/sai_grada/361bc2d4e898dbc0274c42bf93c0c020.jpg)
左側・中間・右側の3色の色をスポイトしてグラデーションを作っていきます。
4.色を選び、選択範囲を作る
四角い選択範囲を作ります。
![選択範囲を作る](https://oekaki28.com/wp-content/uploads/sai_grada/6c53d668875f027f9d932f2a4446f2f0.jpg)
グラデーションに使う3色を分かりやすく横に置いています。
5.選択範囲を3色で塗りつぶす
エアブラシツールを選んで、選択範囲の中を3色で塗ります(ブラシ濃度は100)
![選択範囲を塗りつぶす](https://oekaki28.com/wp-content/uploads/sai_grada/383b061c40c1cd5a326bf57381656807.jpg)
ブラシ濃度100にしたのは、そのままの色を塗るためです。
色を塗ることが出来れば、エアブラシ以外の鉛筆ツールなどでも良いです。
6.色の境界をぼかす
「混色」の数値が選べる「筆」や「水彩筆」で色の境界をぼかします。
![色の境目をぼかす](https://oekaki28.com/wp-content/uploads/sai_grada/48b212ae1dbfba1e96bac65446ca36d2.jpg)
個人的な感覚では、ポンポンとぼかすようにすると上手くいきます。
▼ぼかすときに使った筆ツールはこちらです
![SAIのぼかし筆の設定](https://oekaki28.com/wp-content/uploads/sai_grada/4f36e9b270e02d5e960527e8dc4e6534.jpg)
▼ぼかすブラシの設定ポイント
- ブラシ輪郭のぼけ具合を大きくする(一番左)
- 混色100で水分量と色延びを0にする
混色を100にすると、選択中の色が反映されない(色のあるところで塗った場合)ので、ぼかし専用ツールとして使えます。
7.グラデーションを拡大する
Ctrl+Tで自由変形が出来るので、グラデーションを拡大します。
![グラデーションを拡大](https://oekaki28.com/wp-content/uploads/sai_grada/bdc1754be913881429d08ea8e2d9aeba.jpg)
拡大すれば、グラデーションが完成です。
![グラデーション完成](https://oekaki28.com/wp-content/uploads/sai_grada/68089b789c3b0206a9d2f7540283b73c.jpg)
8.グラデーションを調整する
作ったグラデーションの色を調整したいときは、フィルタ→色相・彩度を選択。
「色相」を動かすと色味が変わります。
![色相彩度でグラデーション調整](https://oekaki28.com/wp-content/uploads/sai_grada/e6057f9c16b6e9d50afa98e754002f5e.jpg)
スクラッチパッドでグラデーションを作る
中間色バーではなく「スクラッチパッド」を活用してもグラデーションの色を作れます。
スクラッチパッドとは、色を混ぜるパレットのようなツールです。
スクラッチパッドを表示するには色相環の上にある一番右側のマークをクリックします。
![スクラッチパッドの場所](https://oekaki28.com/wp-content/uploads/sai_grada/697554390e9104ea2b87243bc9d84f97.jpg)
キャンバスと同じように色を塗り、混ぜることが出来ます。
![スクラッチパッドで色作り](https://oekaki28.com/wp-content/uploads/sai_grada/ef698fdd548d517fddb7c94b16ce7231.jpg)
スクラッチパッドの色をスポイトするときは、ブラシツールを選択しAltキーを押したままにしてクリックします。
▼スクラッチパッドの操作について
![スクラッチパッドの使い方](https://oekaki28.com/wp-content/uploads/sai_grada/52d8d092116c70b3abe4434f71f2ef6b.jpg)
スクラッチパッドの色を消去したいときは右上の消しゴムボタン。
左側にあるボタンで元に戻す・やり直しが出来ます。
スクラッチパッドで選んだ4色で、グラデーションを作りました。
![スクラッチパッドでグラデ](https://oekaki28.com/wp-content/uploads/sai_grada/8aae30c1b493950829ae12a51f67bf7a.jpg)
グラデーションの色選びのコツ
グラデーションを作りたいけど、どんな色を選んだらいいか分からない・・という時。
まずは、二つのポイントを意識しましょう。
- 色相の離れすぎた色を使わない
- トーン(明度と彩度)を揃える
▼こちらの配色に関する記事で、色相とトーンについて解説しています。
![配色の基本とコツ](https://oekaki28.com/wp-content/uploads/haishoku_kihon/886c6100c9ad4ae649175dbfe50705bb-320x180.jpg)
また、irodoriという配色アプリではグラデーションを試すことが出来ます。
![イロドリグラデーション](https://oekaki28.com/wp-content/uploads/osusume_app/a913362c04094f435ea0901ff2f44e38.jpg)
便利なアプリをこちらの記事でも紹介しています。
![おすすめアプリ紹介](https://oekaki28.com/wp-content/uploads/osusume_app/c85a039d2322de3b7a6d9915e1952bcd-320x180.jpg)
グラデーションを活用して、是非イラストに生かしてくださいね!