【クリスタ】線画だけ「色収差・RGBずらし」ぽくする方法
![線画だけ「色収差・RGBずらし」ぽくする方法](https://nonkatsu.com/wp-content/uploads/2022/06/chromatic-aberration-line.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
線画だけ色収差したい!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
ポイントを押さえれば簡単だよ。
この記事のタイトルイラストも線画だけ色収差・RGBずらしぽくしました。
![線画だけ色収差・RGBずらしぽくした](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line1.webp)
![線画だけ色収差・RGBずらしぽくした](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line1.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
加工した後のほうが線がはっきりしてる…?
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
拡大するね。
![細部の比較](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line2.webp)
![細部の比較](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line2.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
線がはっきりしてるのと、ちょっとブレてる!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
線画だけ色収差ぽくすると「やりすぎ感」が控えめでいいよね。
クリスタをどう使ったのか書いて行きますね。
線画だけ「色収差・RGBずらし」ぽくする事前準備
線画だけ色収差・RGBずらしぽく見せる準備は2つです。
- 線画と色塗りのレイヤーを分ける
- 線画をベクターレイヤーに描く
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
2つの準備が終わればあとは簡単です。
準備1.線画と色塗りのレイヤーを分ける
線画だけ色収差・RGBずらしぽく見せる加工の中で、線画のレイヤーを複数コピーします。
線画だけコピーできるように、線画と色塗りのレイヤーを分けておきます。
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line6.webp)
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line6.webp)
レイヤーを簡単にコピーする方法
レイヤーのコピーは新規ラスターレイヤーのアイコンで簡単にできます。
①コピーしたいレイヤーを選択します。
②選択したレイヤーをアイコンまで移動してドロップします。
![レイヤーを簡単にコピーする方法](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line3.webp)
![レイヤーを簡単にコピーする方法](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line3.webp)
アイコンにドロップしたレイヤーの上にレイヤーのコピーが追加されます。
![レイヤーをコピーできた](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line4.webp)
![レイヤーをコピーできた](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line4.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
画像の例はラスターレイヤーを使っていますが、ベクターレイヤーでも操作は同じです。
準備2.線画をベクターレイヤーに描く
線画だけ色収差・RGBずらしぽく見せる加工の中で、線画のレイヤーを拡大縮小します。
拡大縮小で線画が劣化しないように、線画をベクターレイヤーに描いておきます。
線画をラスターレイヤーに描いていると、拡大縮小で線が劣化します。
![ラスター線とベクター線の違い](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line5.webp)
![ラスター線とベクター線の違い](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line5.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
ベクター線は「縮小してから拡大」してもキレイだね!
線画だけ色収差・RGBずらしぽくする手順
線画だけ色収差・RGBずらしぽくする手順は以下です。
- 線画をコピーする
- 線画の色を変える
- 線画をずらす
- レイヤーの不透明度を変更する
- レイヤーの合成モードを変更する
①から③の手順は、追加する色の数だけ同じ作業をします。
④と⑤の手順はイラストの仕上がりを見ながら必要に応じて作業します。
作業前のレイヤー構成は以下です。
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line6.webp)
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line6.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
わかりやすいように塗りのレイヤーを1枚にしていますが、複数のレイヤーに分かれていても大丈夫です。
塗りのレイヤーの上に線画のレイヤーがある状態からスタート。
①ベースの線画の色を変更します。
今回はベースの線画の色を赤茶色にしました。
使った色は、R110、G63、B63 です。
![ベースの線画の色](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line7.webp)
![ベースの線画の色](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line7.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
RGBカラーパレットの「RGB」それぞれに値を入力すると同じ色ができます。
メインカラーの色を変えておきます。
![メインカラーの色](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line8.webp)
![メインカラーの色](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line8.webp)
ベースの線画のレイヤーを選択した状態で、
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line6.webp)
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line6.webp)
編集メニューの「線の色を描画色に変更」をクリックします。
![線の色を描画色に変更の場所](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line9.webp)
![線の色を描画色に変更の場所](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line9.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
編集メニューは画面上部のメニューバーにあります。
![ベースの線画を赤茶色に変更した](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line10.webp)
![ベースの線画を赤茶色に変更した](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line10.webp)
①ベースの線画のレイヤーを選択して、
②新規ラスターレイヤーのアイコンにドロップします。
![ベースの線画のレイヤーをコピー](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line11.webp)
![ベースの線画のレイヤーをコピー](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line11.webp)
コピーした線画の色を変えます。
色は青系を選びます。
使った色は、R0、G72、B161 です。
![青系の色](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line12.webp)
![青系の色](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line12.webp)
コピーしたレイヤーを選択して、
![コピーしたレイヤーを選択](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line14.webp)
![コピーしたレイヤーを選択](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line14.webp)
編集メニューの「線の色を描画色に変更」をクリックします。
![線の色を描画色に変更の場所](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line9.webp)
![線の色を描画色に変更の場所](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line9.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
青系の線画ができた!
![青系の線画](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line15.webp)
![青系の線画](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line15.webp)
青系の線画のレイヤーを選択して、
![コピーしたレイヤーを選択](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line14.webp)
![コピーしたレイヤーを選択](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line14.webp)
「編集」メニューの「変形」の中にある「拡大・縮小」を選びます。
![拡大・縮小の場所](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line16.webp)
![拡大・縮小の場所](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line16.webp)
ガイド線の□を左上に少し引っぱります。
![青系の線画を左上にずらす](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line17.webp)
![青系の線画を左上にずらす](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line17.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
線を左上方向に少しずらす感じです。イラスト全体を見ながらいい感じにずらしてください。
「確定」をクリックして変形を確定します。
青系の線画のレイヤーの不透明度を変更します。
![レイヤーの不透明度を変更する](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line18.webp)
![レイヤーの不透明度を変更する](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line18.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
今回は値を20にしました。
![線画の不透明度を変更した結果](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line19.webp)
![線画の不透明度を変更した結果](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line19.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
線画に薄い青が入って影っぽくなった!
増やしたい色の数だけSTEP2からSTEP4を繰り返します。
今回は赤系の色を追加しました。
追加した色は、R240、G8、B0 です。
![赤系の色](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line20.webp)
![赤系の色](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line20.webp)
①STEP2の手順でレイヤーを追加します。
②STEP3の手順で線画の色を変えます。
③STEP4の手順で線をずらします。
赤系の色はガイド線の□を右下に少し引っぱりました。
④レイヤーの合成モードを変更します。
赤系の線画のレイヤーを選択して「通常」をクリックします。
![通常をクリック](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line21.webp)
![通常をクリック](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line21.webp)
レイヤーの合成モードを「焼きこみ(リニア)」にします。
![焼きこみ(リニア)を選ぶ](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line22.webp)
![焼きこみ(リニア)を選ぶ](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line22.webp)
![赤系の色を追加して完成!](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line23.webp)
![赤系の色を追加して完成!](https://nonkatsu.com/wp-content/uploads/2022/06/img_chromatic-aberration-line23.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
これで線画だけ「色収差・RGBずらし」ぽくする手順は終わりです。
色の数や、加工の強弱などアレンジしてみてください!
今回のタイトルイラストは、
「とことん解説!キャラクターの「塗り」入門教室」を見ながら描きました。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
わたしが今イラストの練習に使っている本です。
ではまた!