サイト2周年!感謝です。 > お知らせ一覧

クリスタで「スマホの光」を表現する方法

スマホの光を表現する方法
ちとせ

当サイトはアフィリエイト広告を利用しています。

ちとせ

クリスタの仕上げ効果で光の表現を頑張るシリーズです。

第2回の今回は「スマホの光」を表現しました。

グラデーションマップと覆い焼き(発光)レイヤーで簡単にできます。

スマホの光を表現する方法
スマホの光を表現する方法
ちとせ

スマホっぽく見えるでしょうか!

クリスタをどう使ったのか書いて行きますね。

目次

仕上げ前のイラストと持っていたイメージ

仕上げ前のイラストはこんな感じです。

仕上げ前のイラスト
仕上げ前のイラスト

仕上げ前に持っていた「仕上げのイメージ」は、

  • 全体を暗めにしたい
  • 電気をつけずにスマホを見ている感じ
  • 夜寝る前っぽくしたい
ちとせ

目が悪くなりそうだけど、ついやってしまう感じ!

夜眠れなくてスマホを見ているときの、まわりは寝静まっていてスマホの明かりだけぼんやりしている感じがいいなあ…

ということで、イラスト全体の雰囲気がパッキリしすぎないように背景の境目をぼかしています。

ちとせ

仕上げの色は青系に決めました。

スマホの光を表現する方法

簡単3ステップです。

  1. グラデーションマップのレイヤーを追加
  2. 覆い焼き(発光)レイヤーを追加して光を描く
  3. 不透明度を調整する
ちとせ

図を使って説明していきますね。

1.グラデーションマップのレイヤーを追加

今回使ったのは「夜空」のグラデーションマップです。

グラデーションセット「空」の中にあります。

まずはイラストのレイヤーの上にグラデーションマップを追加します。

STEP
イラストのレイヤーを右クリック
イラストのレイヤーを右クリック
イラストのレイヤーを右クリック

グラデーションマップを追加したいレイヤーを右クリックします。

ちとせ

レイヤーパレットは画面右下にあります。

STEP
新規色調補正レイヤーのグラデーションマップを選択
グラデーションマップを選択
グラデーションマップを選択

表示されたメニューから「新規色調補正レイヤー」を選びます。

「グラデーションマップ」を選択してください。

ちとせ

グラデーションマップのウィンドウが開きます。

STEP
「夜空」を選んでOKをクリック
夜空を選んでOKをクリック
夜空を選んでOKをクリック

グラデーションセットのドロップダウンを「空」にします。

表示されたグラデーションセットから「夜空」を選択。

「OK」をクリックします。

ちとせ

「夜空」を選ぶときダブルクリックしてください!

グラデーションマップの追加は以上です。

グラデーションマップを追加した状態
グラデーションマップを追加した状態

青みが強いですね。

グラデーションマップの強弱はレイヤーの不透明度で調整できます。

ちとせ

後でやり方を説明しますね!

2.覆い焼き(発光)レイヤーを追加して光を描く

スマホの光を描いて行きます。

今回使ったのは「覆い焼き(発光)」レイヤーです。

グラデーションマップのレイヤーの上に追加します。

STEP
新規ラスターレイヤーを追加
新規ラスターレイヤーを追加
新規ラスターレイヤーを追加

グラデーションマップのレイヤーを選択した状態で、「新規ラスターレイヤーを追加」をクリックします。

ちとせ

レイヤーパレットにショートカットがあります。

STEP
合成モードを「覆い焼き(発光)」に変更
覆い焼き(発光)を選択
覆い焼き(発光)を選択

STEP1で追加したラスターレイヤーの合成モードを変更します。

合成モードのプルダウンリストかから「覆い焼き(発光)」を選んでください。

ちとせ

レイヤーパレットで操作します。

STEP
光を描く

エアブラシの「柔らか」を使ってスマホの光を描きます。

エアブラシツールの場所
エアブラシツールの場所
ちとせ

色は白を使いました。

スマホの光を描くステップは以上です。

ここまでの状態だとかなり強い光ですが、レイヤーの不透明度を変更すると良い感じになります

スマホの光を描いた状態
スマホの光を描いた状態
ちとせ

強めの光はファンタジックなイラストに使えそうですね!

3.レイヤーの不透明度を調整する

レイヤーの不透明度はレイヤーパレットで変更できます。

不透明度を変更するレイヤーを選択した状態で値を入力するか、スライドバーを動かします。

不透明度を変更
不透明度を変更

グラデーションマップのレイヤーの不透明度を75%

スマホの光のレイヤーの不透明度を45%にします。

レイヤーの不透明度を調整して完成!
レイヤーの不透明度を調整して完成!

まとめ

今回はグラデーションマップと覆い焼き(発光)レイヤーを使って「スマホの光」を表現しました。

簡単にできるのでぜひ試してみてください!

グラデーションマップの使い方を別の記事にも書いています。

よかったら参考にしてください。

クリスタの仕上げ効果で光の表現を頑張るシリーズ、前回の記事はこちらです↓

ちとせ

光源がおかしいのは大目に見てください…orz

ではまた!

ちとせ

当サイトはアフィリエイト広告を利用しています。

目次